svg。js旋转元件旋转整个坐标系

使用svg。js版本2.1.1

当试图旋转对象然后移动它时,看起来整个坐标系都在旋转,而不仅仅是对象。就像两个轴都随对象旋转一样。这不是我想要的——我想使用绝对坐标,而不是相对于物体。

也许我不懂SVG或SVG。js和我做错了什么,但我觉得很可笑。

示例代码

var draw = SVG('drawing').size(300,300)
var img = 'https://pbs.twimg.com/profile_images/378800000674268962/06ce58cab26c3a0daf80cf57e5acb29b_400x400.jpeg'

var picture = draw.image(img, 100, 100)
picture.rotate(30)
var i = 20

picture.click(function() {    
    this.move(i,0)
    i += 20
})

下面是我所说的小提琴的例子: https://jsfiddle.net/dudek3370/swzqo5ye/8/