久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術(shù)文章
文章詳情頁

javascript - 原生canvas中如何獲取到觸摸事件的canvas內(nèi)坐標(biāo)?

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

問題描述

canvas在響應(yīng)mousedown事件時(shí),可以通過event.offsetX和offsetY來提取元素內(nèi)坐標(biāo),那我換成了touchstart后沒有offsetX和offsetY.該在哪里找到元素內(nèi)坐標(biāo)呢?

問題解答

回答1:

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

// 注意這里是為 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 或者其他坐標(biāo),至于touchend 的話,為了兼容性考慮,最好用e.changedTouches

回答3:

javascript - 原生canvas中如何獲取到觸摸事件的canvas內(nèi)坐標(biāo)?javascript - 原生canvas中如何獲取到觸摸事件的canvas內(nèi)坐標(biāo)?javascript - 原生canvas中如何獲取到觸摸事件的canvas內(nèi)坐標(biāo)?

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: SHOW| 延津县| 衡阳县| 文水县| 华亭县| 芦溪县| 邯郸县| 晋江市| 岳阳市| 建宁县| 正镶白旗| 石门县| 财经| 垣曲县| 阿鲁科尔沁旗| 谢通门县| 应城市| 垦利县| 大港区| 曲松县| 离岛区| 江北区| 安宁市| 上杭县| 论坛| 孝义市| 团风县| 合作市| 远安县| 深泽县| 马鞍山市| 沙河市| 新兴县| 西林县| 南华县| 固原市| 金昌市| 日土县| 湖口县| 南陵县| 清原|