Javascript 如何在svg.js中创建自定义拖动事件

Javascript 如何在svg.js中创建自定义拖动事件,javascript,events,drag,svg.js,Javascript,Events,Drag,Svg.js,我是编程新手。我正在用svg.js制作类似于矢量编辑器的东西 我读过文档,根本不了解如何定制事件。 你们能举一个拖拽事件的例子吗 实际上,我正在尝试实现拖动时要删除的元素。例如,我想在鼠标光标之后制作工具提示,输出当前鼠标坐标。但每次onmousemove事件都会复制它。使用: 使元素可拖动 var draw = SVG('canvas').size(400, 400) var el = draw.rect(100, 100) el.draggable() 有四种不同的回调可用,before

我是编程新手。我正在用svg.js制作类似于矢量编辑器的东西 我读过文档,根本不了解如何定制事件。 你们能举一个拖拽事件的例子吗

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

使用:

使元素可拖动

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();
}