SVG與HTML5的canvas各有什么優(yōu)點，哪個更有前途？SVG通常用于繪制圖標和圓形框架。畫布是兩種不同類型的繪畫。在靜態(tài)繪圖、圖標尺測量繪圖等方面都無法與SVG相比。Canvas可以繪制三維粒子

SVG與HTML5的canvas各有什么優(yōu)點，哪個更有前途？

SVG通常用于繪制圖標和圓形框架。畫布是兩種不同類型的繪畫。在靜態(tài)繪圖、圖標尺測量繪圖等方面都無法與SVG相比。Canvas可以繪制三維粒子動畫游戲。如果它真的想和Canvas相比，它更好，因為SVG的東西可以做。如果SVG的東西將來做不到，最好還是學SVG。當然不難學，帆布更有前途。畢竟canvas相當于一個系統(tǒng)

使用HTML5 canvas可以快速實現(xiàn)簡單的動畫效果，基本原理如下：每隔一定時間繪制圖形并清晰顯示圖形，用于模擬一個動畫過程，可以使用上下文.clearRect（0，0，x，y）方法刷新要繪制的圖形。第一種方法是畫圖，如下所示：<pret=“code”L=“Java”>functionmyanimation（）{ctx.clearRect文件（0,0，canvas uusize ux，canvas uuy）if（x_uIcon<0 | | x icon>canvas uusize ux-size x）{stepX=-stepX}if（y icon<0 | | y icon>canvas uy-size y）{stepY=-stepY}x icon=stepXy iconstepYctx.drawImage公司（動畫、x圖標、y圖標）方法每次清除畫布的內(nèi)容，并重新計算繪圖位置。一旦超過畫布的大小，繪圖坐標就會反轉(zhuǎn)。