Перевернуть изображение в кинетической?

Question

У меня есть изображение в моем коде, как определено здесь

    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";

И я хотел бы иметь возможность его переворачивать (по горизонтали) в определенные моменты времени во время работы.Я попытался изменить источник изображения на предварительно перевернутый, но это вызвало, ну, в общем, много проблем с дублированием изображения, сбросом положения и множеством других вещей.Есть ли способ перевернуть изображение, которое создано и используется таким образом?Спасибо!

Answer 1

Это, вероятно, то, что вы хотите:

//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

редактировать: фиксированная ссылка