1. Canvas主要是用笔刷来绘制2D图形的。*
2. SVG主要是用标签来绘制不规则矢量图的。*
3. 相同点：都是主要用来画2D图形的。
4. 不同点：Canvas画的是位图，SVG画的是失量图。*
5. 不同点：SVG节点过多时渲染慢，Canvas性能更好一点，但写起来更复杂。
6. 不同点：SVG支持分层和事件，Canvas不支持，但是可以用库实现。
SVG应用场景：图标，简单图像。*
Canvas应用场景：验证码，二维码*
canvas 和 svg 的区别是什么？
2023-11-03
13
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
canvas 和 svg 的区别是什么？
目录
相关文章
|
3天前
|
前端开发
算法
计算机视觉
|
26天前
|
XML
移动开发
前端开发
|
5月前
|
XML
前端开发
JavaScript
|
4月前
|
XML
移动开发
前端开发
|
4月前
|
XML
移动开发
前端开发
|
5月前
|
XML
编解码
前端开发
|
8月前
|
XML
前端开发
JavaScript
|
8月前
|
XML
移动开发
前端开发
|
移动开发
前端开发
JavaScript
Canvas2D基础
1. canvas内容就是上面这些了，就好比设计师能用的颜色就那么多，但是将颜色，图形组合起来，创意真的是无限的，canvas也是如此。
2. webGL是一个 对OpenGL ES 2.0浏览器实现接口，用于3D绘画，生产阶段最好不要用，可用于实验阶段。
210
0
0
|
移动开发
缓存
前端开发
