这个说实话，我只用过canvas画过一些简单的图形，复杂的不懂，之所以列出来，是因为之前在面试中有被问到，在这里mark一下，后期深化。
以下的内容全部来自于w3school
http://www.w3school.com.cn/html5/html_5_canvas_vs_svg.asp
假装是华丽丽的分割线
立即学习“前端免费学习笔记（深入）”；
Canvas 和 SVG 都允许您在浏览器中创建图形，但是它们在根本上是不同的。
SVG 是一种使用 XML 描述 2D 图形的语言。
SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。
在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。
Canvas 通过 JavaScript 来绘制 2D 图形。
Canvas 是逐像素进行渲染的。
在 canvas 中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。
下表列出了 canvas 与 SVG 之间的一些不同之处。
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
395
收藏
