SnapSvg движущееся изображение OnClick

Question

Так я tryingout 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

Вы изменяете атрибуты в Snap, используя метод attr(), который изменит атрибуты SVG на более низком уровне для вас.

Так, например, это будет выглядеть как

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

Его также стоит отметить, что х, у Coords получить передается правильно в функции мыши, поэтому его обычно предпочитают использовать это, чтобы вы могли изменить func to ...

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