canvas - 从舞台获取像素 - KineticJS

Question

我有脚本：

//Inicializa Canvas con el nombre "Stage"... var stage = new Kinetic.Stage({ container: 'container', width: 578, height: 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;
});