D3系列06-canvas和SVG的比较

SVG,指可缩放矢量图形(scalable vector graphics),他是由万维网联盟制定的开放标准,用于绘制二维矢量图形。除了IE8以前的浏览器,绝大部分浏览器都支持它,它使用XML的格式来定义图形,可以直接将SVG文本直接放入html中进行显示。它有如下特点:

1.绘制的是矢量图,图像放大不会失真。

2.基于xml,可以为每个元素添加js事件。

3.每个图形都是对象,更改对象属性,图形会发生变化。

4.不合适游戏应用。

canvas,是H5中新增标签,利用js来绘制2D图形。它有如下特点:

1.绘制的图形是位图,放大会失真。

2.不支持事件处理器。

3. 能够以png,jpg格式保存图像。

4.适合游戏应用。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 图像(image) 常用的图像文件存储格式: CDR格式 该格式是CoreDraw软件专用的一种图形文件存储格式;...
    我才不是稻草人阅读 5,607评论 0 0
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,786评论 4 61
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,956评论 25 709
  • 夜晚,路过北四环西路,依然的灯火通明。三年前的步行街,现在是创业一条街,街角的麦当劳不知所踪。那时候,刚刚参加工作...
    小碴子阅读 1,630评论 0 1
  • 最近总在循环播放一首歌。甜甜的,腻腻的,好似恋爱般的心情。 今年的夏天特别的燥热,或许只有我如此吧。屋子里头闷闷的...
    是云阅读 2,571评论 0 1

友情链接更多精彩内容