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

How make custom drag event in svg.js

本文关键字：自定义 拖动 事件 js svg      更新时间：2023-09-26

我是编程新手。我正在用svg.js制作矢量编辑器我读过文档，不明白如何制作自定义事件。你们能展示一个拖拽事件的例子吗?

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

Use: 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();
}
相关文章：