台灣最大程式設計社群網站
線上人數
971
 
會員總數:244989
討論主題:188957
歡迎您免費加入會員
討論區列表 >> Java Script/ Node.js >> 請問按鈕感應範圍 (HTML5 && pixi.js)
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
請問按鈕感應範圍 (HTML5 && pixi.js)
價值 : 20 QP  點閱數:629 回應數:2

樓主

++
門外漢
0 1
14 0
發送站內信

我有一張圖片要作為按鈕使用,在圖片的透明部分不希望回應按鈕的事件。
請問各位高手有什麼方法可以做到這樣?
PS 有使用pixi.js函式庫

搜尋相關Tags的文章: [ 按鈕感應區 ] , [ 按鈕感應範圍 ] ,
本篇文章發表於2016-08-01 23:10
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
回應

迷路
捐贈 VP 給 迷路 檢舉此回應
可以試試看最原始的方法,影像地圖(Image Map)
這個方法是純HTML的功能,能夠指定圖片的部分區域作為超連結的載體
本篇文章回覆於2016-08-02 09:41
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
基本上就有很多種方式。

1.div做元件背景圖處理:
用一個div將其圖做其背景。這樣可以用css來定義其圖片的位置。並設定其div的高寬來做觸控的處理
click命令則設定在其div上。
這招的優點是排版上比較單純好處理。因為跟操作div一樣。缺點就是如果是變動式的圖片就會比較麻煩。
當然這也可以用css來定義變動處理也很快。

2.蓋一個div在圖上面,來做click控制:
這需要應用到圖層的處理。且部份瀏覽器可能會不回應。(但大多放一個透空圖在上面就可以了。
基本上這招會比較麻煩。排版會比較不容易。
這招大多數是用在滑動連動畫面的動畫,才會這樣做。(掀蓋式)

3.js化控制定位點:
利用js來做click處理。並利用其mouse回傳的x y特性。設定其範圍內才可以觸發。
大多數這招是用在一張圖可能多個不同的click事件時才會這樣處理的。

因為不太了解你要的東西為何,基本上我會建議你用第1招會比較單純處理。
本篇文章回覆於2016-08-08 18:13
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.