SVG kendodraggable

Question

这里有人知道如何让剑道在 SVG 上可拖动吗？

我已经尝试过了，但似乎并没有像我预期的那样工作。

 $('#image').kendoDraggable({
            hint: function (element) {
               return element.clone();
            },
            dragstart: function (e) {
               $(e.target.parentElement).append(e.target);
            },
            drag: function (e) {
                e.target.setAttribute('x', newXPOS);
                e.target.setAttribute('y', newYPOS);
            },
            dragend: function (e) {
            },
            dragcancel: function (e) {
            }
     });

谢谢。

Answer 1

我们可以在 svg 中使用 transform 属性并改变它的位置。

transform=translate(tx,ty) or matrix(1,0,0,1,tx,ty)

其中 tx,ty 是您的 newXpos 和 newYpos

SVG kendodraggable

SVG kendodraggable

svg

kendo-draggable