css3動畫效果屬性canvas和svg的差別是什麼

區別：1、canvas畫的是點陣圖，而svg畫的是向量圖；2、canvas節點多時渲染較快，而svg節點多時渲染較慢；3、svg支援分層和事件，而canvas不支援；4、canvas依賴分辨率，而svg不依賴分辨率。

本教學操作環境：windows10系統、CSS3&&HTML5版、Dell G3電腦。

css3動畫效果屬性canvas和svg的差別是什麼

Canvas主要是用筆刷來動態畫2D圖

SVG主要是用標籤來繪製不規則的向量圖

兩個都主要是用來畫2D圖形的

不同點：

• Canvas畫的是點陣圖，但是SVG畫的是向量圖

• SVG節點多時渲染慢，Canvas效能更好，但是寫起來比較複雜

• SVG支援分層和事件，Canvas不支持，但是可以用庫來實現

• Canvas依賴分辨率，SVG不依賴分辨率

• Canvas繪製出來的圖形不會出現在DOM當中，但是SVG繪製的會出現在DOM當中

#Canvas優勢：

適合遊戲等場所，同時Canvas繪製出來的圖形可以導出

SVG優勢：

因為是向量圖，所以放大之後也不會失真，支援事件處理，文字獨立，可以進行編輯和搜尋

（學習影片分享：css影片教學）

以上是css3動畫效果屬性canvas和svg的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！