码迷,mamicode.com
首页 > 其他好文 > 详细

canvas与svg的区别

时间:2018-12-15 11:58:17      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:飞机   使用   style   事件处理器   保存   处理   路径   事件   图形   

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

 

canvas与svg的区别

标签:飞机   使用   style   事件处理器   保存   处理   路径   事件   图形   

原文地址:https://www.cnblogs.com/3542446186qq/p/10122689.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!