前端面试 HTML— Svg 和Canvas有什么区别？

Posted 2021-12-09 aiguangyuan

主要有以下区别：

1. canvas是H5时期才有绘图方法，而svg已经有了十多年的历史；

2. canvas绘图是基于像素点，是位图，如果进行放大或缩小会失真；svg基于图形，用html标签描绘形状，放大缩小不会失真；

3. canvas需要在js中绘制，svg在html绘制；

4. canvas支持颜色比svg多；

5. canvas无法对已经绘制的图像进行修改、操作，svg可以获取到标签进行操作。