1

私はkineticjslibが本当に好きですが、動的画像オブジェクトの回転に関するリソース/例を見つけるのに苦労しています。

回転する図形について多くのことを見てきましたが、見た目からは、画像オブジェクトではなくキャンバス全体を回転させているように見えます。

これは本当ですか？そうでない場合は、誰かがドキュメントを指摘できますか？

よろしく

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

画像が消える...

よろしく

4

1 に答える 1

5

Kinetic.Imageは、Kinetic.NodeクラスからrotateDegメソッドとrotateメソッドを継承します。rotateDegはあなたが探しているものです。回転は同じですが、度の代わりにラジアンを使用します。これらは、現在の回転に対して回転します。

setRotateメソッドとsetRotateDegメソッドもあり、回転を絶対値に設定します。

だからこれを試してみてください：

mainImage.rotateDeg(90);

これがお役に立てば幸いです。

于 2012-11-29T11:15:50.253 に答える