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