这篇文章主要为大家展示了“html5画布和svg有什么区别”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“html5画布和svg有什么区别”这篇文章吧。
不同点：1、画布依赖分辨率，而SVG不依赖分辨率；2、画布不支持事件处理器，SVG支持事件处理器；3、画布适合图像密集型的游戏应用，SVG不适合游戏应用；4、svg是通过XML定义的，而Canvas是通过javascript定义的。
本教程操作环境：windows7系统、HTML5版、Dell G3电脑。
Canvas（画布）是Javascript进行绘图的，是逐像素绘图。Canvas一旦图象绘制完成，就于浏览器无关了，图象的位置发生变化，整个场景都需要重新重新绘制，包括已经被覆盖的元素。
svg是使用xml绘制，可以为svg添加javascript的事件处理器。所有的DOM都是可用的，属性发生变化，浏览器会自动重新绘制。
SVG和Canvas的不同：
Canvas（画布）
依赖分辨率
不支持事件处理器
弱的文本渲染能力
能够以 .png 或 .jpg 格式保存结果图像
最适合图像密集型的游戏，其中的许多对象会被频繁重绘
Canvas是通过javascript定义的。
SVG
不依赖分辨率
支持事件处理器
最适合带有大型渲染区域的应用程序（比如谷歌地图）
复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）
不适合游戏应用
svg是通过XML定义的
以上是“html5画布和svg有什么区别”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
