Canvas和SVG的区别是什么

Canvas和SVG的区别是什么

分别的作用

• Canvas是用笔刷进行2D绘图的
• SVG是用标签绘制矢量图的
• 它们都用于绘制2D图像

区别

• 但是Canvas是用来绘制位图的，而SVG是绘制矢量图的
• SVG节点较多，渲染较慢。Canvas渲染快，但是写起来稍显复杂
• SVG支持分层和事件，Canvas不支持，但是有库支持

位图跟矢量图的区别

位图

位图图像也称为点阵图像，位图使用我们称为像素的一格一格的小点来描述图像

矢量图

矢量图是根据几何特性来绘制图形，是用线段和曲线描述图像，矢量可以是一个点或一条线，矢量图只能靠软件生成，矢量图文件占用内在空间较小，因为这种类型的图像文件包含独立的分离图像，可以自由无限制的重新组合

区别

• 矢量图形与分辨率无关，可以将它缩放到任意大小和以任意分辨率在输出设备上打印出来，都不会影响清晰度

• 而位图是由一个一个像素点产生，当放大图像时，像素点也放大了，但每个像素点表示的颜色是单一的，所以在位图放大后就会出现咱们平时所见到的马赛克状。