svg - 选择多个 svg 元素并在 Raphael.js 中拖动它们

标签 svg selection raphael drag

有谁知道我如何实现这一目标?

我基本上有一个包含多个形状、线条、文本等的 svg 文档......我正在尝试实现一个选择工具,它可以帮助我选择多个元素,将它们分组并拖动它们。

最佳答案

raphäel 中有一个叫做 set 的特性:http://raphaeljs.com/reference.html#set

您可以将要拖动的所有元素添加到新集合中,然后将拖动机制应用于该集合。

我给你做了这个:http://jsfiddle.net/Wrajf/

这并不完美。我会将 mousemove 事件添加到文档中,但为此您需要一个像 jQuery 这样的库。否则,如果你快速移动鼠标,你就会摔倒。

关于svg - 选择多个 svg 元素并在 Raphael.js 中拖动它们,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5844927/

相关文章:

javascript - Vivus 反转所选路径

html - 如何在不切断的情况下转换 SVG 中的对象?

javascript - 将 css 样式表应用于内联 svg 元素而不将其加载到页面上

html - 使 Canvas 不可选择

javascript - 无法在 Chrome 扩展程序上返回选定的文本

javascript - 单击和双击在 Firefox 和 IE 中不起作用

javascript - CSS 动画六边形菜单

java - 如何通过选择标题来选择 JDialog 中 JTable 的列

javascript - 在 raphael.js 纸上缩放和定位新路径元素

javascript - 单击函数仅对某些数据名称执行