svg - svg vs canvas - 浏览器游戏地图？

Question

我正在尝试复制流行的浏览器游戏 Travian.com。我目前正在制作地图，并且能够将农场概览图像作为png.

我想用那张地图完成的是：

• 每个元素（农场）都应该是可点击的）并重定向到该特定的农场页面。
• 正如您在地图上看到的，农场不仅仅是简单的正方形。

获得 farms.png 图片后，我使用在线工具将 apng转换为 . svg文件。使用免费软件，我能够在每张地图周围画圈来构建我的svg.

这是结果：

我最近阅读了有关画布的信息，我想知道在我的情况下，画布是否会是更好的选择，而不是使用svg?

标签： svgcanvasbrowser

Answer 1

您需要自己尝试一下，看看它是否能足够快地重新绘制，以使游戏对您有足够的响应。如果地图非常详细，重绘可能会太慢，让你的游戏感觉很慢。你真的需要试试看。如果它对您来说太慢，那么您可能需要：

• 使用位图图像，或
• 将地图保留为 SVG，但Canvas在首次加载时将其渲染。这样，无论用户拥有什么分辨率的屏幕，它们都会变得清晰。