canvas与svg的区别

canvas:什么是canvas?
    canvas是使用JavaScript在网页上绘制图像
画布是一个矩形的区域,可以控制每一个像素,拥有多种绘制路径,矩形,圆形,字符以及添加图像的方法
svg:什么是svg?
     svg是指可以伸缩的矢量图像
使用xml格式定义图形,图像在放大或者改变尺寸情况下不会对图形的质量有损二者的区别:
canvas:
1.依赖分辨率
2.不支持事件处理器
3.弱的文本渲染能力
4.能够以.png或.jpg的格式保存结果图像
5.适合图像密集型的游戏,其中的对象会被频繁重绘(eg:飞机大战)
svg:
1.不依赖分辨率
2.支持事件处理器
3.最适合带有大型渲染区域的应用程序(eg:谷歌地图,图像不会失真)
4.复杂度高会减慢渲染速度
5:不适合游戏应用
原文地址:https://www.cnblogs.com/3542446186qq/p/10122689.html