在HTML5時代，Canvas被提及的次數越來越多，但是你對SVG瞭解麼？SVG和Canvas一樣，可以在html文件裏面描繪出各種各樣的圖形。
區別
1）SVG是矢量圖，放大不失真，而Canvas是位圖，由像素點組成，放大會失真
2）Canvas相較於SVG，支持的顏色數更多，更便於繪製色彩豐富的圖像
3）Canvas基於HTML，而SVG基於XML
兼容性
SVG和Canvas都只能在IE8（不包含IE8）以上運行
SVG的引入方式
1）以單個文件的形式獨立存在，後綴名爲.svg，可以在html文件中以img標籤的src，元素背景，框架等引入
2）直接在html文件中引入SVG標籤