只有當點擊的像素不透明時，纔會點擊圖像上註冊的事件？

僅當點擊的像素不透明時，點擊事件是否可以在圖像上註冊？只有當點擊的像素不透明時，纔會點擊圖像上註冊的事件？

如果我有一個正確的三角形圖像，只有實際三角形本身的點擊事件寄存器，而不是整個盒子，其中一半是空的。

這甚至可能不使用<canvas>？

我已經在項目中使用jQuery，如果有這樣的一些方法。

2011-04-17 penguinrob

不能與普通的HTML和圖像。你可以用一個（相對不支持的afaik）css背景剪輯，或者使用一個（我不能相信我推薦這個）圖像地圖。更多的代碼繁多的選項將包括在點擊點檢查像素，但JS並不總是有權訪問圖像數據（取決於瀏覽器），並且服務器執行此操作的ajax請求會讓我覺得過度。 Canvas和SVG對你來說可能是不錯的選擇，但它們引入了額外的依賴關係，你必須意識到這可能不值得。

或者，您可以create the triangle in HTML/CSS。 :)

來源

2011-04-17 00:23:47 coreyward

真的嗎？圖像映射不是純html？ – Kon 2011-04-17 00:26:16

謝謝。在這種情況下，我必須使用圖像（和其他奇怪的形狀），但是css三角形註冊是否在正確的位置點擊？ – penguinrob 2011-04-17 00:27:27

他們不會做他在問什麼 - 他們是一種解決方法來獲得類似的行爲。而且他們已經被棄用了，而且他們一開始就很可怕。 – coreyward 2011-04-17 00:27:52

您可以定義一個image map以繞過圖像的不透明部分並處理其點擊。圖像映射確實支持onclick event attribute。

來源

2011-04-17 00:23:26 Kon

只有當點擊的像素不透明時，纔會點擊圖像上註冊的事件？

回答

相關問題