svg是什么 SVG與HTML5的canvas各有什么優(yōu)點(diǎn),哪個(gè)更有前途?
SVG與HTML5的canvas各有什么優(yōu)點(diǎn),哪個(gè)更有前途?SVG是矢量圖,而canvas不是。然而,SVG使用HTML語(yǔ)法來(lái)描述圖形。他們都使用javscript來(lái)繪制和操作圖形。如果在實(shí)際應(yīng)用中圖
SVG與HTML5的canvas各有什么優(yōu)點(diǎn),哪個(gè)更有前途?
SVG是矢量圖,而canvas不是。然而,SVG使用HTML語(yǔ)法來(lái)描述圖形。他們都使用javscript來(lái)繪制和操作圖形。如果在實(shí)際應(yīng)用中圖形變化頻繁,對(duì)圖形清晰度的要求不是很高,可以考慮使用畫(huà)布,比如網(wǎng)頁(yè)上的小游戲或者一些很酷的特效。另外SVG也很好,圖像質(zhì)量也很高很好,比如各種統(tǒng)計(jì)圖形、矢量圖標(biāo)、字體圖標(biāo)等等!而且他們都有一個(gè)很好的類(lèi)庫(kù)可以使用,或者更好
如何向網(wǎng)頁(yè)添加SVG?
添加SVG內(nèi)聯(lián)HTML5內(nèi)聯(lián)XHTML獨(dú)立SVG嵌入插件的方法目前使用的方法:由于SVG文件是純XML,也許我們更關(guān)心的是如何使SVG在web瀏覽器中顯示出來(lái)。要在瀏覽器中顯示(只要瀏覽器支持),有幾種方法:指向SVG文件地址,將SVG直接嵌入HTML,將SVG圖像嵌入HTML文件。有很多方法:用<iframe>元素嵌入SVG圖像,用<img>元素嵌入SVG圖像,用<svg>元素直接嵌入SVG圖像作為背景圖像,用<em>元素嵌入SVG圖像,用<object>元素嵌入SVG圖像