从Stage获得Pixel - KineticJS

Question

我有脚本：

  

     // Inicializa Canvas con el nombre“舞台”......           var stage = new Kinetic.Stage（{               容器：'容器'，               宽度：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的Canvas没有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;
});