SVG 教程

HTML SVG教程的目的是使您在短時間內(nèi)入門并使用SVG，并且以后也可以將本教程用作快速參考,這里將盡可能給出更多、涵蓋范圍更多的SVG實例，以便您快速掌握使用svg

SVG簡介

SVG是可伸縮矢量圖形的縮寫。它是一種圖形格式，其中以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是否適合您或您的項目，請快速瀏覽SVG示例頁面，以快速了解SVG的功能。

SVG 在線編輯器 -  可在線編輯SVG，SVG可轉(zhuǎn)為SVG源代碼

SVG 實例大全  - 基礎(chǔ)SVG示例,幫助您快速熟悉SVG

SVG參考手冊 - 收集出SVG常用的元素，及元素的屬性使用方法

SVG用于矢量圖形

作為矢量圖形格式，SVG對于矢量類型圖最為有用，例如：

1. X，Y坐標(biāo)系中的二維圖形。

2. 柱形圖，餅圖等

3. 用于Web，平板電腦和移動應(yīng)用程序以及Webapps的可擴展圖標(biāo)和徽標(biāo)。

4. 建筑和設(shè)計圖

5. 等等

作為“矢量圖形”格式，要顯示的形狀存儲為矢量或類似矢量的結(jié)構(gòu)。換句話說，作為數(shù)字。不以像素為單位。

“可縮放”意味著觀看者可以在不損失質(zhì)量的情況下上下縮放SVG圖像。這是可能的，因為圖形被定義為數(shù)字而不是像素。向上或向下縮放SVG圖像僅意味著將定義SVG形狀的數(shù)字相乘或相除。

盡管可以將位圖圖形嵌入到SVG圖像中，但SVG對于照片，電影等位圖圖形不是理想的選擇。這是在位圖圖像上繪制形狀或文本的便捷方法。

SVG非常適合生成圖像/圖形/圖表

SVG是XML格式（文本格式），很容易從Servlet，JSP，ASP.NET，PHP或其他Web應(yīng)用程序技術(shù)中生成。這使SVG非常適合計算機生成的圖形和圖表。有趣的是，您通常需要在Web應(yīng)用程序中準(zhǔn)確生成最適合SVG的圖表類型（圖形，圖表，圖表等）。這使SVG更加適合生成圖形和圖表。

編寫SVG腳本

可以通過JavaScript修改瀏覽器中生成的SVG圖像。這樣就可以將SVG用于更動態(tài)的演示，甚至是小型游戲。

關(guān)于本教程

本教程的目的是使您在短時間內(nèi)入門并使用SVG，并且以后也可以將本教程用作快速參考。將嘗試涵蓋盡可能多的SVG，但并不是要覆蓋SVG規(guī)范的每一點。一旦對基礎(chǔ)知識有了相當(dāng)?shù)牧私?，就可以輕松地就更高級或特殊情況的主題查閱SVG規(guī)范。