canvas 與 SVG都能夠使你在瀏覽器中畫圖,但它們的基本原理不同。
SVG SVG是一種在XML中描述二維圖形的語言。 SVG是基于XML的,意味著在SVG DOM內每一個元素都是可用的。你可以為每一個元素增加JS事件處理器。 在SVG中,每一個圖形被記作一個對象。如果一個SVG對象的屬性發(fā)生改變,瀏覽器可以自動重新生成圖形。
Canvas Canvas能夠在fly上畫2D圖形(使用JS) Canvas能夠按照像素重新生成。 在Canvas中,一旦圖形完成,就會被瀏覽器忘記。如果圖形位置要發(fā)生改變,那么整個屏幕需要重畫,包括圖形覆蓋的對象。
