KineticJS：如何裁剪图像？

Question

我使用KineticJs并希望裁剪现有图像。我尝试了以下方法：

var image = new Kinetic.Image({}); // some kinetic image
var layer = new Kinetic.Layer();
var stage = new Kinetic.Stage({
            container: "iPhone",
            width: 1000,
            height: 1000
        });

image.crop({
  x: 0,
  y : 0,
  width : 100,
  height : 100
});

image = image.crop();


layer.add(image);
layer.draw();
stage.add(layer);

前者不起作用。如何使用KineticJs裁剪现有图像？

Answer 1

您应该将带有x，y，width和height属性的javascript对象传递给裁剪功能：

image.crop({
  x: 10,
  y : 10,
  width : 66,
  height : 60
});

http://jsbin.com/zubek/2/edit