Javascript Raphael.js中带有transform()方法的可拖动路径
我正在尝试使用非弃用的方法Javascript Raphael.js中带有transform()方法的可拖动路径,javascript,path,drag-and-drop,raphael,Javascript,Path,Drag And Drop,Raphael,我正在尝试使用非弃用的方法Element.transform()拖动路径。下面是使用不推荐的方法Element.translate()的答案: 当我简单地用transform()替换translate()时,我的路径会很快回到初始位置: drag(function (dx, dy) { var trans_x = dx - this.ox; var trans_y = dy - this.oy; this.transform("t" + trans_
Element.transform()
拖动路径。下面是使用不推荐的方法Element.translate()
的答案:
当我简单地用transform()
替换translate()
时,我的路径会很快回到初始位置:
drag(function (dx, dy) {
var trans_x = dx - this.ox;
var trans_y = dy - this.oy;
this.transform("t" + trans_x + "," + trans_y);
this.ox = dx;
this.oy = dy;
},
function () {
this.ox = 0;
this.oy = 0;
},
function() {
}
);
有什么想法吗?我找到了解决办法
只需使用transform()的append语法,即.transform(“…t”+…+…)
下面是我的最终结果:
drag(function (dx, dy) {
var trans_x = dx - this.ox;
var trans_y = dy - this.oy;
this.transform("...t" + trans_x + "," + trans_y); //Just change this line
this.ox = dx;
this.oy = dy;
},
function () {
this.ox = 0;
this.oy = 0;
},
function() {
}
);
而且它工作得很好