0

我有一个多层画布

我的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

4

0 回答 0