如何在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。这是如何分配它们的：

例如，在您的情况下：

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

或

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

或

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