Raphael.js中使用transform（）方法的可拖动路径

Question

我正在尝试使用非弃用的方法Element.transform（）创建一个可拖动的路径。以下是使用弃用方法Element.translate（）：

的答案

Making paths and images draggable in Raphael js

当我简单地用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() {
     }
);

有什么想法吗？

Answer 1

我找到了解决方案！

只需使用transform（）的附加语法即.transform（＆＃34; ... t＆＃34; + .. + ...）

所以这是我的最终结果：

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

它完美无缺。