图像和图层（HTML5，canvas，JS，CSS ??）

Question

我有两个图层和另一个图层。第一层是背景，第二层是花。我怎么知道点击哪个图层。

1. 如果我点击背景导致它的良好的回报第一层的地方点击：

2. 如果我点击花卉导致它的良好的回报第二层的地方点击：

3. 如果我点击背景花附近结果它的返回第二层地方点击：

3.1我得到的第二层，因为实际上图像是更大的，因为像有透明的地方：

测试用JSFiddle: http://jsfiddle.net/sbkhtvmo/1/

Answer 1

你可以尝试建立覆盖花透明SVG路径层，使该花点击图层，然后使其他一切成为背景点击图层。

Answer 2

使用clientX和clientY获取鼠标在窗口中的位置。您也可以使用jQuery偏移来获取该位置。

，我发现有用的计算器jQuery的例子：

$(document).ready(function() { 
$('imageElement').click(function(e) { 
var offset = $(this).offset(); 
alert(e.clientX - offset.left); 
alert(e.clientY - offset.top); 
}); 
});