Как повернуть линию в KineticJS?

Question

В KineticJS я пытаюсь повернуть строку в функции onclick.

var stage= new Kinetic.Stage({ 
    container: 'container', 
    width: 500, 
    height: 500 
}); 

var layer= new Kinetic.Layer(); 

var redLine = new Kinetic.Line({ 
    points: [73, 70, 340, 23], 
    stroke: 'red', 
    strokeWidth: 15, 
    draggable: true 

    }); 
redLine.setOffsetX(73) //its showing offset not a function 
redLine.setOffsetY(70) 
redLine.setAttrs({x:73,y:70}); 

layer.add(redLine); 
layer.draw(); 
var angle=0; 
redLine.on('click',function(){ 
     angle=angle+0.1 
     redLine.rotate(angle); 
     layer.draw(); 
}); 

stage.add(layer); 

Answer 1

Ваш код верный и работает.

http://jsbin.com/perawi/1/edit?html,js,output

Помните по умолчанию kineticjs поворачивается градусов. Таким образом, 0,1 градуса - небольшое значение.