SVG 与 HTML5 的 canvas 各有什么优点,哪个更有前途

2025-03-16 08:35:07
推荐回答(2个)
回答1:

SVG 可缩放矢量图形是基于可扩展标记语言(标准通用标记语言的子集),用于描述二维矢量图形的一种图形格式。它由万维网联盟制定,是一个开放标准。
HTML5 标签用于绘制图像(通过脚本,通常是 JavaScript)。

不过, 元素本身并没有绘制能力(它仅仅是图形的容器) - 您必须使用脚本来完成实际的绘图任务。

getContext() 方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属性。

这两者是不同的, 用途不同,不存在哪个更有前途吧

回答2:

Canvas 和SVG的比较
下表显示了canvas与SVG的主要不同点:

Canvas
依赖分辨率
不支持事件处理器
弱文本渲染能力
可以保存最终图片为PNG或者JPG
最适合许多 对象频繁重画的图形游戏

SVG
独立于分辨率
支持事件处理器
最适合具有大渲染面积的应用(谷歌地图)
复杂图像,重画变慢(任何使用DOM很多的情况都会变慢)
不适合游戏应用