Canvas和SVG之间的区别
| Canvas | SVG格式 |
|---|---|
| 基于光栅图像 | 基于包含形状和路径的矢量图像。 |
| 大面积渲染容量低 | 大面积渲染容量高 |
| 取决于分辨率 | 不取决于分辨率 |
| 没有用于动画的API | 可以用于API动画 |
| 低交互动画用户界面 | 高度交互式的动画用户界面 |
| 画布是逐像素呈现的 | SVG是基于XML的 |
| 适合游戏应用 | 不适合游戏应用 |
SVG
- SVG代表可伸缩矢量图形（ Scalable Vector Graphic）。
- 它用于定义基于向量的图形。
- SVG是一种基于XML的向量图形格式。
- SVG是非常灵活的内容可以是静态的，动态，交互和动画。
Canvas和SVG的主要目的是使用坐标点在浏览器内创建图形(图像/视频)，但从根本上是不同的。
每种技术都有自己的重要意义，不能说支持一个而埋汰另一个
画布（Canvas）
- CANVAS绘制2D图形(带有JavaScript)，并通过像素呈现像素。
- HTML5 Canvas是一个多功能JavaScript API。
- CANVAS元素用于使用JavaScript绘制图形。
- 其默认大小为300像素宽，150像素高。
日期：2020-04-11 23:04:04 来源：oir作者：oir