色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術文章
文章詳情頁

javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?

瀏覽:96日期:2022-12-06 14:22:18

問題描述

canvas在響應mousedown事件時,可以通過event.offsetX和offsetY來提取元素內坐標,那我換成了touchstart后沒有offsetX和offsetY.該在哪里找到元素內坐標呢?

問題解答

回答1:

在我的 canvas 地圖庫 Sinomap 中處理的算法是這樣的(有改動):

// 注意這里是為 canvas 的 DOM 元素增加 Listener 而非 canvas 的 ctxdocument .getElementById(’my-canvas’) .addEventListener(’click’, updateHandler, false)function updateHandler (e) { // canvas 為你的 canvas ctx 變量 const box = canvas.getBoundingClientRect() const mouseX = (e.clientX - box.left) * canvas.width / box.width const mouseY = (e.clientY - box.top) * canvas.height / box.height console.log([mouseX, mouseY])}回答2:

touch事件 你需要 獲取 e.touches[0].pageX 或者其他坐標,至于touchend 的話,為了兼容性考慮,最好用e.changedTouches

回答3:

javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 久久久久久综合七次郎 | 国产三级毛片 | 久久国产视频网站 | 国产亚洲一区二区三区 | 成人精品亚洲 | 久久精品国产亚洲欧美 | 99久久国产综合精品网成人影院 | 久久有这有精品在线观看 | 宅男毛片| 成人毛片网站 | www.日本在线视频 | 久久这里一区二区精品 | 成人a毛片视频免费看 | 久久免费精品一区二区 | 日韩男人的天堂 | 亚洲精品久久99久久一区 | 久久99爱视频 | 99精品网站 | 在线精品一区二区三区 | 一区二区三区亚洲 | 亚洲欧美视频一级 | 国产在线91精品天天更新 | 国产亚洲一区二区三区在线观看 | 久久一级黄色片 | 久久99精品久久久久久三级 | 久久免费看 | 欧美成人 一区二区三区 | 在线一区免费视频播放 | 亚洲男人天堂网站 | 中文字幕 日韩在线 | 精品国产九九 | 在线久久 | 波多野结衣被强在线视频 | 黄色a∨| 久久99亚洲精品久久 | 在线观看免费视频网站色 | 亚欧精品在线观看 | 亚洲视频2 | 亚洲在线中文字幕 | 新版天堂资源中文在线 | 色噜噜亚洲男人的天堂 |