1. 程式人生 > >Canvas和SVG的相同點和不同點

Canvas和SVG的相同點和不同點

H5中Canvas和SVG的相同點與不同點:

相同點:

1.都可在頁面中繪製圖形

不同點:

1.Canvas是H5的新標籤,通常通過JS來繪圖,SVG其實是XML用來描述二維圖形的語言,SVG比Canvas歷史悠久許多

2.Canvas畫布是以畫素點做影象或圖形(可引入JPG和PNG等圖片),SVG是可伸縮式向量圖形

3.重繪機制不同,Canvas是重繪整個畫布,SVG是重繪一部分向量圖形

4.Canvas畫布進行放大後會失真,SVG伸縮不會失真(例如百度地圖就是用SVG實現的)

5.Canvas是基於顏色的描述,SVG是基於數學的描述