HTML SVG教程的目的是使您在短時(shí)間內(nèi)入門(mén)并使用SVG，并且以后也可以將本教程用作快速參考,這里將盡可能給出更多、涵蓋范圍更多的SVG實(shí)例，以便您快速掌握使用svg
SVG是可伸縮矢量圖形的縮寫(xiě)。它是一種圖形格式，其中以XML指定形狀。然后由SVG查看器呈現(xiàn)XML。如今，大多數(shù)Web瀏覽器都可以顯示SVG，就像它們可以顯示PNG，GIF和JPG一樣。
Internet Explorer 8（及更早版本）的用戶可能必須安裝 Adobe SVG Viewer才能在瀏覽器中查看SVG。IE 9 +，Chrome和Firefox均原生支持SVG。
SVG用于二維矢量圖形。
如果不確定SVG是否適合您或您的項(xiàng)目，請(qǐng)快速瀏覽SVG示例頁(yè)面，以快速了解SVG的功能。
SVG 在線編輯器 - 可在線編輯SVG，SVG可轉(zhuǎn)為SVG源代碼
SVG 實(shí)例大全 - 基礎(chǔ)SVG示例,幫助您快速熟悉SVG
SVG參考手冊(cè) - 收集出SVG常用的元素，及元素的屬性使用方法
作為矢量圖形格式，SVG對(duì)于矢量類(lèi)型圖最為有用，例如：
X，Y坐標(biāo)系中的二維圖形。
柱形圖，餅圖等
用于Web，平板電腦和移動(dòng)應(yīng)用程序以及Webapps的可擴(kuò)展圖標(biāo)和徽標(biāo)。
建筑和設(shè)計(jì)圖
等等
作為“矢量圖形”格式，要顯示的形狀存儲(chǔ)為矢量或類(lèi)似矢量的結(jié)構(gòu)。換句話說(shuō)，作為數(shù)字。不以像素為單位。
“可縮放”意味著觀看者可以在不損失質(zhì)量的情況下上下縮放SVG圖像。這是可能的，因?yàn)閳D形被定義為數(shù)字而不是像素。向上或向下縮放SVG圖像僅意味著將定義SVG形狀的數(shù)字相乘或相除。
盡管可以將位圖圖形嵌入到SVG圖像中，但SVG對(duì)于照片，電影等位圖圖形不是理想的選擇。這是在位圖圖像上繪制形狀或文本的便捷方法。
SVG是XML格式（文本格式），很容易從Servlet，JSP，ASP.NET，PHP或其他Web應(yīng)用程序技術(shù)中生成。這使SVG非常適合計(jì)算機(jī)生成的圖形和圖表。有趣的是，您通常需要在Web應(yīng)用程序中準(zhǔn)確生成最適合SVG的圖表類(lèi)型（圖形，圖表，圖表等）。這使SVG更加適合生成圖形和圖表。
可以通過(guò)JavaScript修改瀏覽器中生成的SVG圖像。這樣就可以將SVG用于更動(dòng)態(tài)的演示，甚至是小型游戲。
本教程的目的是使您在短時(shí)間內(nèi)入門(mén)并使用SVG，并且以后也可以將本教程用作快速參考。將嘗試涵蓋盡可能多的SVG，但并不是要覆蓋SVG規(guī)范的每一點(diǎn)。一旦對(duì)基礎(chǔ)知識(shí)有了相當(dāng)?shù)牧私?，就可以輕松地就更高級(jí)或特殊情況的主題查閱SVG規(guī)范。