HTML 元素是 SVG 图形的容器。 SVG 代表可缩放矢量图形。 SVG 对于定义图形（如框、圆、文本等）很有用。SVG 代表可缩放矢量图形，是一种用 XML 描述 2D 图形和图形应用程序的语言，然后由 SVG 查看器呈现 XML。大多数 Web 浏览器都可以显示 SVG，就像可以显示 PNG、GIF 和 JPG 一样。
HTML 元素用于通过 JavaScript 绘制图形。 元素是图形容器。
SVG 具有更好的可扩展性。因此可以在任何分辨率下高质量打印
立即学习“前端免费学习笔记（深入）”；
Canvas的扩展性较差。因此，它不适合以较高分辨率进行打印
SVG 对于较少数量的对象或较大的表面。
Canvas 在较小的表面或较大数量的对象上提供更好的性能。
SVG可以通过脚本和CSS修改
画布只能通过脚本修改
SVG 基于矢量并由形状组成。
画布基于光栅并由像素组成。
示例
您可以尝试运行以下代码以将可缩放矢量图形 (SVG) 添加到网页 –
#svgelem { position: relative; left: 50%; -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); } HTML5 SVG HTML5 SVG Circle
示例
您可以尝试运行以下代码，了解如何使用HTML5 Canvas绘制矩形：
HTML5 Canvas Tag var c = document.getElementById('newCanvas'); var ctx = c.getContext('2d'); ctx.fillStyle = '#7cce2b'; ctx.fillRect(0,0,300,100);
以上就是SVG和HTML5 Canvas之间有什么区别？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1552071.html
微信扫一扫 
支付宝扫一扫 
