image.scale不在kineticjs工作?

时间:2014-05-09 11:00:13

标签: kineticjs

我试图翻转图像,我提到http://randompast.github.io/randomtests/kineticjs/FlipImage-Demo.html但它不适合我,我正在使用以下kineticjs kinetic-v5.0.1.js和kinetic-v5.0.1.min.js。

这是我的代码

            var image = new Kinetic.Image({
                x: stage.width / 2 + 53,
                y: stage.height / 2 + 59,
                image: imageObj,
                width: 300,
                height: 200,
                draggable: true
            });

            image.scale.y =-1;
            image.scale.x =-1;

            // add the shape to the layer
            layer.add(image);

            // add the layer to the stage
            stage.add(layer);

帮我找出解决方案。

先谢谢。

1 个答案:

答案 0 :(得分:1)

首先是代码中的拼写错误:

stage.width()   // not stage.width
stage.height()  // not stage.height

缩放的语法是:

image.scale({x:-1,y:-1});
layer.draw();

所以你的代码可能如下所示:

var image = new Kinetic.Image({
    x: stage.width() / 2,
    y: stage.height() / 2,
    image: imageObj,
    width: 150,
    height: 150,
    draggable: true
});
layer.add(image);
image.scale({x:-1,y:-1});
layer.draw();