HTML5中canvas與SVG有什么區別_第1頁
全文預覽已結束

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

1、html5中canvas與svg有什么區別svgsvg是一種用法xml描述2d圖形的語言，它基于xml也就是我們可以為某個元素附加javascript大事處理器，假如svg對象的屬性發生變幻，那么掃瞄器能夠自動重臨圖形。canvascanvas通過javascript來繪制2d圖形。它是逐像素舉行渲染的，一旦圖形被繪制完成，假如它的位置發生了變幻，那么囫圇場景都需要重新繪制，包括任何或者已經被籠罩的對象svg與canvas的區分（1）svg是用來描述xml中2d圖形的語言，canvas借助javascript動態描繪2d圖形（2）svg可支持大事處理程序而canvas不支持（3）svg中屬性轉

2、變時，掃瞄器可以重新展現它，適用于矢量圖，而canvas不行以，更適合視頻嬉戲等。（4）canvas可以很好的繪制像素，用于保存結果為png或者gif,可做為api容器。（5）canvas取決于辨別率。svg與辨別率無關。（6）svg具有更好的文本渲染，而canvas不能很好的渲染，渲染中的svg可能比canvas慢，特殊是應用了大量的dom。（7）畫布更適合渲染較小的區域。svg渲染更好的更大區域。svg與canvas之間的比較svg canvas可擴展不行擴展支持dom和大事 沒有大事支持不依靠辨別率 辨別率依靠在渲染復雜區域時可能會更慢 不適合較大或復雜的區域展現更好更大的區域（dom除外） 渲染更小的區域更好的矢量圖形 更適合動畫（視頻）和圖像不適合api 適合api很好地展現文本 不能很好地展現文本案例分析canvas繪制一個圓varcircle=document.getelementbyid("circle");varyuan=circle.getcontext("2d");yuan.beginpath();yuan.strokestyle="pink"yuan.arc(50,50,50,0,math.

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論