Javascript 如何在svg.js中创建自定义拖动事件
我是编程新手。我正在用svg.js制作类似于矢量编辑器的东西 我读过文档,根本不了解如何定制事件。 你们能举一个拖拽事件的例子吗 实际上,我正在尝试实现拖动时要删除的元素。例如,我想在鼠标光标之后制作工具提示,输出当前鼠标坐标。但每次onmousemove事件都会复制它。使用: 使元素可拖动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
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();
}