Question

所以我正在尝试Snap svg

现在我有以下代码：

var chatSvg = Snap("#chatSvg");
var c = chatSvg.image('assets/figures/naked.jpg', 10, 10);
chatSvg.click(function (event) {
    c.x = event.x;
    c.y = event.y;
});

但是，一旦更改属性x和y，图像就不会移动。

谁能告诉我我做错了什么？

Answer 1

您可以使用attr（）方法更改Snap中的属性，这将为您更改较低级别的SVG属性。

例如，它看起来像

c.attr({ x: event.x, y: event.y })

还值得注意的是，x，y coords正确地传递到click函数中，因此通常首选使用它，因此您可以将func更改为...

chatSvg.click( function( event, x, y ) {
    c.attr({ x: x, y: y })
});

SnapSvg运动图像onclick

1 个答案: