如何在svg.js中进行自定义拖动事件

Question

我是编程新手。我用svg.js做了一些像矢量编辑器的东西 我已阅读文档，并且根本不了解如何制作自定义事件。 你们能举一个拖拽事件的例子吗？

实际上我试图在拖动时实现要删除的元素。例如，我想在鼠标光标之后制作工具提示，输出当前鼠标坐标。但每次onmousemove事件都会重复。

Answer 1

使用：draggable plugin

使元素可拖动

var draw = SVG('canvas').size(400, 400)
var el = draw.rect(100, 100)

el.draggable()

有四种不同的回调可用，beforedrag，dragstart，dragmove和dragend。这就是你如何分配它们：

E.g。在你的情况下：

el.dragstart = function() {
  this.remove();
}

或

el.dragsend = function() {
  this.remove();
}

或

el.dragsmove = function() {
  this.remove();
}