【发布时间】:2016-03-05 03:17:29
【问题描述】:
在我的屏幕左侧,我有一张 SVG 世界地图(每个国家都有一条路径)。我用 D3js 控制它 在右边,我有一个人的 HTML 列表 (ul)。 我正在寻找一种解决方案来拖动一个人的名字并将其放在一个国家/地区(当元素通过它时对该国家/地区产生影响)。 我不问完整的代码,只问概念或方法来集中搜索。
非常感谢,祝你有美好的一天!
【问题讨论】:
-
这是"svg element hover" 的第一个谷歌搜索结果。看起来可以将 javascript 事件绑定到 SVG 元素。听起来是个有趣的项目。祝你好运。
-
尝试填充你的形状并聆听 drop 事件——它可能会起作用:stackoverflow.com/a/9956710/395910
-
感谢您的回答!我可能有一个解决方案:interact.js。我刚刚做了一些(小)测试,htm 元素和 svg 之间的交互似乎很好。@Terry,我不确定你的链接是否很好,不是吗?
-
我做过类似的代码。 HTML5 标准拖放支持有时不可靠。 jquery draggable 工作得很好。
-
@Peter 非常感谢!我将测试 Jquery 可拖动...并与您保持联系!