SVG和canvas的比较

Canvas：

  1. 依赖分辨率

  2. 不支持事件处理器

  3. 弱的文本渲染能力

  4. 能够以 .png 或 .jpg 格式保存结果图像

  5. 最适合图像密集型的游戏，其中的许多对象会被频繁重绘

SVG：

  1. 不依赖分辨率

  2. 支持事件处理器

  3. 最适合带有大型渲染区域的应用程序（比如谷歌地图）

  4. 复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）

  5. 不适合游戏应用

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

相关阅读更多精彩内容

  • html5中的SVG和Canvas
    学习html5时都会碰到svg和canvas，这两个都可以在浏览器中绘制图形，那么这两个有什么区别呢。下面对两者进...
    稻香Snowy阅读 8,599评论 0赞 5
  • SVG笔记
    一：什么是SVG？ 对于SVG的定义如下： ①：SVG 指的是可伸缩矢量图形 (Scalable Vector G...
    GreenHand1阅读 4,292评论 0赞 1
  • 浅谈SVG
    一、什么是SVG？ SVG指可伸缩矢量图形（Scalable Vector Graphics）； SVG用来定义用...
    清心挽风阅读 5,238评论 1赞 3
  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,037评论 25赞 709
  • HTML5 绘图技术 「Canvas」和「SVG」
    本文重点还是要介绍Canvas，但每次提起Canvas，脑海总会想起SVG，因此先做个简单的对比。   *Canv...
    果汁凉茶丶阅读 13,380评论 0赞 7

友情链接更多精彩内容