rotation - Kineticjs - 将图像顺时针旋转 90 度

Question

我真的很喜欢 kineticjs lib，但我很难找到有关旋转动态图像对象的任何资源/示例。

我见过很多旋转形状，但从外观上看，它们似乎都在旋转整个画布而不是图像对象。

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

问候

ps

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

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();
    });
}

这使图像消失...

问候

score 5 · Accepted Answer

Kinetic.Image 从 Kinetic.Node 类继承 rotateDeg 和 rotate 方法。rotateDeg 是您正在寻找的那个。旋转是相同的，但使用弧度而不是度数。这些将相对于当前旋转旋转。

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

所以试试这个：

mainImage.rotateDeg(90);

我希望这有帮助！

1 回答 1