我试图翻转图像,我提到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);
帮我找出解决方案。
先谢谢。
答案 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();