从舞台上获取像素-KineticJS

Question

我有脚本：

//Inicializa Canvas con el nombre"Stage"。。。var stage=新动能阶段({container:"container"，宽度：578，高度：200})；var layer=new Kinetic.layer（）；

    var rectX = stage.getWidth() / 2 - 50;
    var rectY = stage.getHeight() / 2 - 25;

    var box = new Kinetic.Rect({
        x: 100,
        y: 100,
        width: 200,
        height: 50,
        fill: '#0080C0',
        stroke: 'black',
        strokeWidth: 4,
        draggable: true
    });

    layer.add(box);
    stage.add(layer);

---

我需要用KineticJS获得Pixel（x/y）10,20，但我不能使用getImageData，因为KineticJS的画布没有ID。

谢谢！

PS：对不起我的英语。

Answer 1

您不需要ID来选择KineticJS画布，因为它毕竟是一个画布。请注意，Kinetic每层使用2个画布。

$('#container canvas').click(function(e) {
  var x = 10;
  var y = 20;
  var ctx = this.getContext('2d');
  var pixelData = ctx.getImageData(x, y, 1, 1).data;
});