Получить Pixel от Stage - KineticJS

Question

У меня есть скрипт:

// Inicializa Холст кон-эль Nombre "Stage" ... вар этап = новый 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); 

---

И мне нужно получить пиксель (х/у) 10,20 с KineticJS, но я не могу использовать getImageData, потому что полотно KineticJs не ID.

Спасибо!

PS: Извините за мой английский.

Answer 1

Вам не нужен идентификатор, чтобы выбрать холст 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; 
});