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

这使得图像消失了......

问候

Answer 1

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

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

试试这个:

mainImage.rotateDeg(90);

我希望这有帮助!