浏览器游戏 - 图像的可点击区域
Browser game - Clickable Areas to an Image
我正在尝试制作一款名为 Travian 的流行浏览器游戏的克隆版。有一个 /farms 页面，用户可以在其中概览所有农场（我现在假设每种农场的位置始终相同）。每个农场都可以升级到另一个级别（最多 20 个），当前级别将显示在 /farms 页面上。如果当前农场等级为0，则不会显示数字。
我遇到的问题是在同一张 png 图片上，每个资源应该有 20 个不同的 a links，这将在用户单击任何白色圆圈时完成.我怎样才能做到这一点？
我敢说。但可能 html 图像映射是一个潜在的解决方案。
https://www.w3schools.com/html/html_images_imagemap.asp
请注意，该技术在现代开发实践中并未广泛使用，因为它们不适用于移动设备。 Svg 替代方案也可能值得一看。
http://thenewcode.com/696/Using-SVG-as-an-Alternative-To-Imagemaps
我正在尝试制作一款名为 Travian 的流行浏览器游戏的克隆版。有一个 /farms 页面，用户可以在其中概览所有农场（我现在假设每种农场的位置始终相同）。每个农场都可以升级到另一个级别（最多 20 个），当前级别将显示在 /farms 页面上。如果当前农场等级为0，则不会显示数字。
我遇到的问题是在同一张 png 图片上，每个资源应该有 20 个不同的 a links，这将在用户单击任何白色圆圈时完成.我怎样才能做到这一点？
我敢说。但可能 html 图像映射是一个潜在的解决方案。
https://www.w3schools.com/html/html_images_imagemap.asp
请注意，该技术在现代开发实践中并未广泛使用，因为它们不适用于移动设备。 Svg 替代方案也可能值得一看。
http://thenewcode.com/696/Using-SVG-as-an-Alternative-To-Imagemaps