使用HTML5進行SVG矢量圖形繪製的入門教程

這篇文章主要介紹了使用HTML5進行SVG矢量圖形繪製的入門教程,包括基本圖形的繪製和簡單的漸變效果等介紹,注意舊版本IE對其的支持並不好,需要的朋友可以參考下

VG 表示可伸縮矢量圖形，這是一門用於描述2D 圖形的語言，圖形應用使用XML 編寫，然後XML 由SVG 閱讀器程序呈現。

SVG 主要用於矢量類型的圖表，比如餅圖，X，Y 坐標系統中的二維圖等等。

SVG 在2003 年1 月14 日成為W3C 推薦標準，你可以在SVG 規範頁面中查看最新版本的SVG 規範。

大多數Web 瀏覽器都可以顯示SVG，就像它們可以顯示PNG，GIF 以及JPG 圖形。 IE 用戶可能需要安裝Adobe SVG 閱讀器以便能夠在瀏覽器中查看SVG。

在HTML5 中嵌入SVG

HTML5 允許我們直接使用__<svg>...</svg> 標籤嵌入SVG，下面是簡單的語法：