Kineticjs - 顺时针旋转图像90度

Question

我非常喜欢kineticjs lib，但我正在努力寻找旋转动态图像对象的任何资源/示例。

我看过很多关于旋转形状的东西，但从看起来看起来都像旋转整个画布而不是图像对象。

这是真的，如果没有，有人可以指出任何文件吗？

问候

P.S。

对于那些想要代码的人来说，这只是标准的图片删除：

mainImage = new Kinetic.Image({
    image: imageObj,
    x: 0,
    y: 0,
    draggable: true,
    startScale: 1
});

并尝试过：

function rotateLeft(){
    $('#rotate-left').bind( $bind, function(){
        mainImage.rotate(90);
        layer.draw();
    });
}

使图像消失......

问候

Answer 1

Kinetic.Image从Kinetic.Node -class继承rotateDeg和rotate -methods。 rotateDeg是你要找的那个。 rotate是相同的，但使用弧度而不是度。 这些将相对于当前旋转旋转。

还有setRotate和setRotateDeg -methods，它们会将旋转设置为某个绝对值。

所以试试这个：

mainImage.rotateDeg(90);

我希望这有帮助！