課程
/前端開發
/Html5
/炫麗的倒計時效果Canvas繪圖與動畫基礎
比如用canvas畫了一個圓之后,怎么獲取這個對象比如綁定一個事件,點擊這個圓就會彈出提示等等
2017-05-26
源自:炫麗的倒計時效果Canvas繪圖與動畫基礎 2-3
正在回答
在Canvas上繪制多少圖形,Canvas都是一個整體,繪畫的圖形是Canvas的一部分,不能單獨獲取,所以無法直接給某個圖形增加JavaScript事件??梢酝ㄟ^給Canvas元素綁定事件,當事件發生時,檢查事件對象的位置,然后檢查哪些圖形覆蓋了該位置。鼠標點擊了在了這個范圍內,視為點擊了這個圖形。可以一定程度的上的達到效果
死之外科醫生 提問者
獲取鼠標的位置,用clientX,clientY,分別代表鼠標距瀏覽器視口的水平距離和垂直距離,進行碰撞檢測的時候才需要用到offsetLeft,offsetTop,還有一個容易搞混的是pageX,pageY,建議可以查閱相關的資料,很好理解的。
舉報
學習HTML5中最激動人心的技術Canvas,徹底釋放自己的創造力
1 回答對象不支持push方法
1 回答七巧板對象
4 回答canvas能不能用極坐標來表示圓
2 回答不符合能量守恒
3 回答css不能指定分辨率?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-05-26
在Canvas上繪制多少圖形,Canvas都是一個整體,繪畫的圖形是Canvas的一部分,不能單獨獲取,所以無法直接給某個圖形增加JavaScript事件??梢酝ㄟ^給Canvas元素綁定事件,當事件發生時,檢查事件對象的位置,然后檢查哪些圖形覆蓋了該位置。鼠標點擊了在了這個范圍內,視為點擊了這個圖形。可以一定程度的上的達到效果
2017-05-26
獲取鼠標的位置,用clientX,clientY,分別代表鼠標距瀏覽器視口的水平距離和垂直距離,進行碰撞檢測的時候才需要用到offsetLeft,offsetTop,還有一個容易搞混的是pageX,pageY,建議可以查閱相關的資料,很好理解的。