browser - SVG 图形是否适合浏览器内游戏？

Question

对于具有谷歌地图风格界面的浏览器内游戏，SVG 图形是否可行？这将涉及放大/缩小，以及在非常大的距离上的二维滚动。

例如，客户端可能会请求从服务器绘制某些区域——而不是服务器返回为该部分生成的图像，它会返回一系列 gzip 压缩的 SVG 图像及其在请求区域中的位置.然后用户可以放大和缩小，而无需从服务器获取新的“图 block ”，因为 SVG 是可缩放的。

这会比生成 png 或 jpeg 并发回图 block 更好吗？如果到处都有很多客户请求图像，它会表现良好吗？它会在客户端上表现良好吗？这种方法有什么缺点？

Answer 1

以我的经验。缺点是使用 SVG 可实现的细节级别低于 jpeg 和 png 等有损图像压缩。我很难让我所有的矢量图形彼此很好地播放。如果您的美 worker 员习惯于使用 SVG 工作，那么这可能不是问题。另一个需要注意的是，浏览器之间的 SVG 兼容性可能非常好。例如，我不确定哪些浏览器支持 SVG。 Webkit 有，我认为 Firefox 主要有，但我相当确定 IE 不在考虑之列，可以这么说。

总体而言，SVG 将对客户端机器提出更高的要求，而对您的服务器提出更低的要求。计算数百个 SVG 图像比排列 PNG 要多得多。

实际上取决于您的游戏。如果您正在编写国际象棋，它可能会很好地工作。如果你想实时做一些更复杂的事情(例如 2d 横向卷轴游戏)，我不知道。

使用 this SVG clock in Raephael举个例子。我在 Windows 上运行 Chrome，并且周期性地出现不同的栏“抽搐”和“重置一秒钟”

编辑

我刚看到this first person SVG Demo所以这是可以做到的。