Data URL 是将图片转换为 base64 直接嵌入到了网页中,使用 <img src="data:[MIME type];base64"/>
这种方式引用图片,不需要再发请求获取图片。
Canvas | SVG |
---|---|
它是通过 JavaScript 来绘制的 | 使用 XML 的 2d 语言 |
取决于分辨率(依赖) | 独立于分辨率(不依赖) |
不支持事件处理程序 | 支持事件处理程序 |
适用于小规模渲染应用程序 | 在大规模渲染应用程序中表现更好 |
最适合图像密集型的游戏,其中的许多对象会被频繁重绘 | 不适合游戏应用,复杂度高会减慢渲染速度(任何过度使用 DOM 的应用都不快) |
适用范围: