Drag an drop from Htm to Svg
在我的屏幕左侧,我有一个SVG世界地图(每个国家一条路径)。我用d3js控制它在右边,我有一个HTML列表(ul)的人。我正在寻找一个解决方案来拖动一个人的名字并将其放到一个国家(当元素通过时,对国家产生影响)。我不要求完整的代码,只要求概念或方法来集中我的搜索。
非常感谢,祝您愉快!!
- 这是谷歌第一个"svg元素悬停"的结果。看起来可以将JavaScript事件绑定到SVG元素。听起来是个有趣的项目。祝你好运。
- 试着给你的形状一个填充物,然后听它可能起作用的放置事件:stackoverflow.com/a/9956710/395910
- 谢谢你的回答!!我可能有一个解决方案:interact.js。我刚做了一些(小)测试,HTM元素和SVG之间的交互似乎很好。@terry,我不确定你的链接是否良好,是吗?
- 我也做过类似的代码。HTML5标准拖放支持有时不可靠。jquery draggable工作得很好。
- @彼得非常感谢!我将测试jquery可拖动…我和你保持联系!
可以使用jquery ui draggable。非常感谢你的帮助!