推薦：HTML5之SVG 2D入門(mén)5—顏色的表示及定義方式
SVG和canvas中是一樣的，都是使用標(biāo)準(zhǔn)的HTML/CSS中的顏色表示方法，這些顏色都可以用于fill和stroke屬性,接下來(lái)介紹下顏色的表示及定義方式感興趣的朋友可以了解下，或許對(duì)你有所幫助

最近在用svg的點(diǎn)擊事件做東西，之所以用svg而不用canvas就是因?yàn)閟vg內(nèi)的元素可以添加點(diǎn)擊事件，他們之間詳細(xì)的區(qū)別如下：
Canvas 與 SVG 的比較（詳見(jiàn)）
下表列出了 canvas 與 SVG 之間的一些不同之處。

Canvas
•依賴分辨率
•不支持事件處理器
•弱的文本渲染能力
•能夠以 .png 或 .jpg 格式保存結(jié)果圖像
•最適合圖像密集型的游戲，其中的許多對(duì)象會(huì)被頻繁重繪

SVG
•不依賴分辨率
•支持事件處理器
•最適合帶有大型渲染區(qū)域的應(yīng)用程序（比如谷歌地圖）
•復(fù)雜度高會(huì)減慢渲染速度（任何過(guò)度使用 DOM 的應(yīng)用都不快）
•不適合游戲應(yīng)用

做出的網(wǎng)頁(yè)在chorme下可以正常使用，因?yàn)橐�支持移�?dòng)設(shè)備，在android上測(cè)試也正常，但是在ipad上打開(kāi)頁(yè)面時(shí)發(fā)現(xiàn)點(diǎn)擊事件不管用了，查了很多資料，沒(méi)有找到問(wèn)題原因，后來(lái)查到w3c中對(duì)于svg的描述的demo的確可以實(shí)現(xiàn)點(diǎn)擊的效果，對(duì)比代碼，發(fā)現(xiàn)自己使用的jquery給svg的元素添加的點(diǎn)擊事件，而在svg的元素中沒(méi)有 onclick="circle_click(evt)"類似描述，添加上onclick="click(evt)"果然在ipad上svg的元素有了點(diǎn)擊事件

分享：HTML5中Canvas與SVG的畫(huà)圖原理比較
canvas 與 SVG都能夠使你在瀏覽器中畫(huà)圖，但它們的基本原理不同,接下來(lái)將對(duì)canvas 與 SVG的畫(huà)圖原理進(jìn)行介紹，感興趣的朋友可以了解下