javascript - 在 kineticJS 中翻转图像？

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

编辑：固定链接