SVG 不是游戏的好选择

SVG，即可缩放矢量图形，是一种二维矢量图形的文件格式。 它是基于 XML 的，这意味着它可以使用文本编辑器创建和编辑，并且通常用于插图、图表和徽标。 然而，出于多种原因，SVG 并不适合游戏。 首先，SVG 文件通常比 PNG 或 JPG 等光栅图像大。 这是因为它们包含有关图像中形状的大量详细信息。 对于一个简单的图像，这不是一个大问题，但对于一个大的或复杂的图像，它会使文件变得非常大。 其次，并非所有网络浏览器都直接支持 SVG 文件。 例如，Internet Explorer 仅支持版本 9 以上的 SVG 文件。 这意味着较旧的浏览器或设备可能无法正确或根本无法呈现 SVG 图像。 第三，也是最重要的一点，SVG 不是为动画设计的。 与 GIF 或 Flash 等格式不同，SVG 不支持基于帧的动画。 这意味着如果您想创建一个简单的动画，例如旋转的徽标，您需要将动画的每一帧创建为一个单独的 SVG 文件。 这既费时又不切实际。 由于这些原因，SVG 不太适合在游戏中使用。 但是，由于文件小、易于编辑和广泛的浏览器支持，它仍然是插图、图表和徽标的流行格式。

由于 HTML5 中的 SVG 元素内置了如此多的特性，游戏开发人员可以轻松地使用它来改进他们的游戏开发。 在大多数情况下，canvas 元素适用于画布游戏环境； 然而，在选择画布元素时考虑游戏本身是非常重要的。 关键是要了解业务的起伏。 是否要对特定游戏元素使用特定技术取决于您。 SVG 中使用了 2D 矢量数据，这是一项了不起的技术。 该模型的理论性质允许使用二维数学运算。 它几乎可以在任何浏览器中使用，并且运行速度很快。 此外，您可以通过在任何矢量程序（如 Inkscape 或 Illustrator）中绘制资产，然后导出精灵表并加载它，将图像保存为 SVG 文件。

将图像打包成 SVG 是个好主意，这样一旦它们在客户端上，您就可以将它们渲染为位图并使用它们来渲染您的游戏。 单独缩放 SVG 和小图像的优点是您能够创建高分辨率、独立的图像。

游戏开发人员将能够受益于 SVG 元素中已经内置的许多功能，这些功能可以在 html5 中访问。 在某些情况下， SVG 的好处可能会派上用场，但显然该元素并不适合所有游戏概念。

此功能已从推荐功能列表中删除。 有继续支持它的浏览器，但它可能已经从相关的网络标准中删除，正在被删除，或者只是为了兼容性原因而使用。

使用 SVG 图像有一些缺点，其中最值得注意的是它无法提供与其他格式一样多的细节。 由于 SVG 基于点和路径而不是像素，因此它们提供的细节不如传统图像格式多。

你为什么不使用 Svg？

有人可能选择不使用 SVG 的原因有几个。 首先，由于 SVG 是一种矢量格式，因此创建复杂的图形会更加困难。 如果您需要创建具有多种不同颜色或渐变的图形，您可能会发现使用 PNG 或 JPG 等光栅格式更容易。 其次，SVG 文件可能比光栅文件大，因此它们可能不适合在需要关注页面加载时间的网站上使用。 最后，一些较旧的浏览器（包括 Internet Explorer 8 及更早版本）不支持 SVG，因此您需要为这些用户提供备用格式。

因为它是基于矢量的，所以它不会遇到与主要关注细节和纹理的 JPEG 相同的问题。 此外，SVG 与大多数现代浏览器兼容，使其成为任何项目的绝佳选择。

Svg 游戏

SVG（可缩放矢量图形）是一种基于 XML 的矢量图像格式，用于支持交互性和动画的二维图形。 SVG 规范是万维网联盟 (W3C) 自 1999 年以来制定的开放标准。SVG 图像及其行为在 XML 文本文件中定义。 这意味着它们可以被搜索、索引、编写脚本和压缩。 作为 XML 文件，SVG 图像可以使用任何文本编辑器创建和编辑，但更常见的是使用绘图软件创建。 然后将它们合并到一个文件中，以便于分发和操作。

画布与 Svg

canvas 和 svg 之间有一些主要区别： – Canvas 是逐像素渲染的，而 svg 是基于矢量的 – Canvas 非常适合复杂的图形和动画，而 svg 更适合简单的图形和图标 – Canvas 不是交互式的，而 svg 是 – Canvas 不可访问，而 svg 是 – Canvas 性能可能更好或更差，具体取决于浏览器，而 svg 始终一致

可缩放矢量图形 (SVG) 是可缩放图形的另一个名称。 使用 Canvas HTML 元素在网页上绘制图形。 稍后我们将讨论这两个选项的主要区别。 此外，我们还讨论了信息图表和比较表之间的主要区别。

矢量图形（例如 SVG）可用于多种应用。 由于形状易于使用矢量软件进行操作，因此可用于创建图形。 使用这种格式，较少数量的对象或较大的表面表现更好。 另一方面，Canvas 是一种更传统的图形格式，可用于范围广泛的图形。 作为应用程序的一部分，用户连续接收一系列图像。 与 SVG 相比，这种格式可能会占用更多资源，并且可能无法为较小的表面或较大数量的对象提供同样好的性能。 选择适合特定项目的格式至关重要。

两种语言：Svg 与。 帆布

用矢量图形绘画是使用SVG 语言的常用方法。 Canvas 采用基于光栅的方法来绘制像素。