SnapSvg 动态图像 onclick

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 坐标可以正确传递到 click 函数中，因此通常首选使用它，因此您可以将 func 更改为...

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