定位Canvas上的坐标
2014-04-03 22:19
369 查看
1.首先获得相对于整个页面的坐标:
2. 减去canvas元素的offset:
function getCursorPosition(e) { var x; var y; if (e.pageX != undefined && e.pageY != undefined) { x = e.pageX; y = e.pageY; } else { x = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft; y = e.clientY + document.body.scrollTop + document.documentElement.scrollTop; }
2. 减去canvas元素的offset:
x -= canvasElement.offsetLeft; y -= canvasElement.offsetTop;
相关文章推荐
- canvas跟随页面滑动后准确定位到真实坐标
- 地图编辑器第二部!! 给网格坐标定位
- Flex定位坐标文章
- IOS LocationManager定位国内偏移,火星坐标(GCJ-02)解决方法
- 关于Android Canvas.drawText方法中的坐标参数的正确解释
- 【实例】html5在canvas上绘制坐标轴
- 关于Android Canvas.drawText方法中的坐标参数的正确解释
- ROS 主动蒙特卡罗粒子滤波定位算法 AMCL 解析-- map与odom坐标转换的方法
- canvas绑定事件的时候 获得鼠标点击的地方在canvas画布内的坐标的方法
- js获取table中td的绝对坐标(HTML元素定位)
- Android 画布学习Canvas (1)坐标
- HTML5教程-用Canvas标签绘制坐标变换图形
- appium 中手势密码的定位坐标
- 百度地图SDK集成及根据坐标实现定位(android studio开发)
- ISO GPS定位,坐标转换以及如何显示
- JQuery 弹出框 定位坐标
- HTML5 Canvas 获得鼠标的移动的坐标
- 关于Android Canvas.drawText方法中的坐标参数的正确解释
- ITEXT-定位PDF中图片的坐标与页码
- appium 中手势密码的定位坐标