色综合图-色综合图片-色综合图片二区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
相關文章:
主站蜘蛛池模板: 日韩欧美在线播放视频 | 三级在线网站 | 国产女厕所 | 成年毛片 | 日韩黄色视屏 | 日本三级香港三级人妇gg在线 | 精品无码久久久久国产 | 韩日毛片 | 国产精品亚洲欧美日韩一区在线 | 亚洲毛片在线看 | 久久精品国产精品亚洲人人 | 国产成人做受免费视频 | 美女视频黄.免费网址 | 欧美日韩在线观看区一二 | 国产激情一区二区三区 | 91日本在线观看亚洲精品 | 精品久久久久久无码中文字幕 | 婷婷国产成人久久精品激情 | 乱淫网站 | 国产美女啪 | 欧美亚洲日本视频 | 91视频久久久久 | 国产成人精品999在线观看 | 孕妇交 | 国产看色免费 | 国产猛烈无遮掩视频免费网站男女 | 国产精品高清在线观看地址 | 黄色三级在线 | 超级碰碰碰视频视频在线视频 | 久久99精品视免费看 | 国产一级一国产一级毛片 | 美国一级片在线 | 国产玖玖玖精品视频 | 欧美一级毛片无遮挡 | 99久久www免费| 美女一级片视频 | 成人久久伊人精品伊人 | 羞羞一区二区三区四区片 | 成人a视频片在线观看免费 成人a视频在线观看 | 欧洲美女与男人做爰 | 亚洲线精品一区二区三区 |