3

ここで定義されているように、コードに画像があります

    var imageObj = new Image();
imageObj.onload = function(){
    imageF = new Kinetic.Image({
        x: 0,
        y: 0,
        scale: (100,100),
        image: imageObj,
        name: "fluffy",
    });
    layer.add(imageF);  
    stage.add(layer);
    stage.start();
    }
imageObj.src = "Flutter_Fluffy_100.png";

そして、実行中の特定の時間に（水平に）反転できるようにしたいと思います。画像ソースを反転済みのものに変更しようとしましたが、画像の複製、位置のリセットなど、多くの問題が発生しました。この方法で作成および使用された画像を反転する方法はありますか? ありがとう！

4

1 に答える 1

10

これはおそらくあなたが望むものです：

//imageF.scale.y =-1;
imageF.scale.x =-1;

ここに示されています： http://www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-scale-animation-tutorial/

画像でもほとんど同じです: http://randompast.github.io/randomtests/kineticjs/FlipImage-Demo.html

編集：リンクを修正

于 2012-03-21T05:04:00.650 に答える