如何在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度是小值。