在部分透明的圖像上點擊透明區域

給定一些形狀，我希望它可以在其填充部分點擊，並且在其透明部分不可點擊（因此點擊後面的元素）。下面是一個三角形的例子： http://img138.imageshack.us/img138/1276/e4t.png 在部分透明的圖像上點擊透明區域

黑色線條是邊框線條。我希望能夠選擇文本，或者與邊界框內的任何元素（綠色輪廓區域）進行交互，但未用填充部分覆蓋。

我試着用指針事件設置爲每個可能的值的SVG，但它似乎不工作。首選的解決方案將使我們的HTML5，CSS和PNG圖像，但每個工作的解決方案是受歡迎的。

2013-08-03 Mars

我相信你會在以前的問題中找到你的答案：http://stackoverflow.com/questions/4621305/how-do-i-create-a-click-map-using-the-visable-area-of -a-PNG圖像與 - JAV ascrip –

以前的問題鏈接到http://stackoverflow.com/questions/5948251/click-area-on-sprite-in-canvas – Thilo

您可以添加樣式屬性

指針事件：無

到圖像將幫助你通過圖像

注意：它會工作只有現代瀏覽器

2015-02-18 09:03:16

回答