圖像和圖層（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); 
}); 
});