javascript - 游戏开发中的 SVG map 绘制与 map 移动

标签 javascript html svg

我计划使用 svg 绘制“ map ”(城市、河流、道路等)。所以所有对象都将绘制在一个 svg 图像中,并且只有那些在可视区域内的对象才会显示(可见)。

问题 1:

这是合理的做法吗?或者我更关心需要绘制哪些特定对象?

我要实现的功能之一是“拖动” map 。计划按如下方式工作:用户将鼠标光标指向 map 内的某处,按下鼠标按钮并移动鼠标。因此,一些对象会超出可视区域,而另一些则会被绘制。

问题 2:

更改可见对象的坐标以根据鼠标移动移动它们是否更好?或者最好更改“可视区域”(猜测,这应该可以通过 viewbox svg-object 参数操作来实现)?

非常感谢!欢迎任何想法!

最佳答案

听起来有点像Polymaps大部头书。如果您打算提供一个巨大的 svg 主文档,那么平铺 polymaps 方法是更可取的。

关于javascript - 游戏开发中的 SVG map 绘制与 map 移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5970942/

相关文章:

html - 具有反转值的仪表标签

javascript - D3 投影未设置 cx 属性

javascript - 在 JavaScript 中将 SVG 文件引用到 SVG 对象

javascript - 使用 facebook javascript sdk 获取用户位置

javascript - jQuery AJAX : Returns request. 成功后失败

javascript - 如何从 Apollo graphql 客户端状态检索值

html - 3 个不同形状的 Div 在一起

javascript - 如何将 Firestore 文档中的所有数据显示到 html 元素中

javascript - 在 Chrome 和 Firefox 上重新加载 js 和 CSS

javascript - ReadySetRaphael 无法正确呈现 SVG