Raphael getElementByPoint дает ноль (jsfiddle)

Question

У меня многослойный холст

мой html:

<div style='display:inline-block; width:100%; position:relative; top: 0px; left: 0px;'>
    <div id='canvas_map_1' class='canvas canvas_map' style='overflow:scroll; background-color: #B4B4B4; z-index: 1; position:absolute; left:133px; top:0px;'></div>
    <div id='canvas_map_2' class='canvas canvas_map' style='overflow:scroll; z-index: 2; position:absolute; left:133px; top:0px;'></div>
    ...
</div>

Учитывая набор координат, я хочу знать, есть ли какие-то изображения под ним. Я использую Raphael, и я хочу попробовать функцию getElementByPoint (в качестве альтернативы я мог бы привязать координаты к сетке и перебрать все изображения холста, чтобы увидеть, имеют ли некоторые ту же точку приложения (верхний левый угол), и она работает, но Я думаю, что это будет медленно, поэтому я ищу более быстрые решения).

мой javascript:

var paper_map_1 = Raphael(canvas_map_1, '100%', '100%');
var image = paper_map_1.image(image_selected, 27, 42, 33, 27);
var myimage = paper_map_1.getElementByPoint(30, 50) // or (27, 42) but shouldn't do difference
console.log(myimage) // null

myimage является нулевым, в то время как я ожидал чего-то, потому что в этом положении на холсте есть изображение. Я могу выбрать его, переместить и т. Д. Конечно, код значительно упрощен, но я не знаю, что добавить.

jsfiddle