【问题标题】:Drag an drop from Htm to Svg从 Html 拖放到 Svg
【发布时间】: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 可拖动...并与您保持联系!

标签: html d3.js svg drag


【解决方案1】:

可以使用 Jquery UI Draggable。 非常感谢您的帮助!

【讨论】:

    猜你喜欢
    • 2014-09-17
    • 2012-11-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-08-28
    • 1970-01-01
    相关资源
    最近更新 更多