首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js获取鼠标当前位置坐标

2017-03-01 10:08:42 在页面中获取鼠标坐标通常有三种方式,这三种方式各有不同,所的的值也是不一样的。  首先是相对于页面的pageX和pageY。...这是一个IE特有的属性,鼠标相比较于触发事件的元素的位置,以元素盒子模型的内容区域的左上角为参考点,如果有boder,可能出现负值 相对于坐标系的layerX/layerY。...FF特有,鼠标相比较于当前坐标系的位置,即如果触发元素没有设置绝对定位或相对定位,以页面为参考点,如果有,将改变参考坐标系,从触发元素盒子模型的border区域的左上角为参考点也就是当触发元素设置了相对或者绝对定位后...完全支持所有属性.其中(offsetX和layerX都是以border为参考点) 下面这个是获取相对于屏幕的坐标 document.onmousemove = function(e) { e =

14.7K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    球心坐标与本地坐标

    1球心坐标(ECEF)与本地坐标(NEU) 假如你来到一个陌生城市,你很可能需要问路、通常会告诉你向北走100米,右转,向东走100米,理解起来很直观。...比如前者是局部的平面坐标,而后者是球面坐标。因此,同一个点相对不同的原点,具有不同的相对位置:既是地球上的一个经纬度,又是“出门右转富士康”的这类的位置。...如图,蓝色坐标系就是球心坐标,而绿色坐标系是以球面一点为原点的本地坐标系。准确讲,就是该点对应球的切面和法线组成的空间。 ?...这自然引出了这个问题:如何从以球心为原点的球面坐标到以球面上任意一点为原点的局部坐标坐标系之间的转换,答案就是矩阵。 ? 坐标系的换算,其实就是坐标原点之间的转换。...Col Picture 矩阵之所以能够解决坐标转换问题,正是因为其Col Picture所体现的向量意义。现在,我们再体会一下之前的矩阵,是否有一点亲切。 ?

    2.3K60

    GPS坐标 转 火星坐标

    无聊写了个应用叫做Find my car,但是获取到的坐标一个是标准的gps坐标,另外一个就是上面的图吧的坐标。...但是这个坐标直接在高德地图上标记却是错误的,于是就想办法看怎么转换下,不错这里直接有份源代码可以参考:猛击此处下载 这个项目引入了很多自定义的sqlite3的文件,其实没什么必要,改写一下就ok了。...#import #define DBNAME @"gps.db" //转换gps坐标为火星坐标 -(CLLocationCoordinate2D)zzTransGPS:(CLLocationCoordinate2D...return yGps; } 需要从上面的项目中下载gps.db ☆文章版权声明☆ * 网站名称:obaby@mars * 网址:https://h4ck.org.cn/ * 本文标题: 《GPS坐标...转 火星坐标》 * 本文链接:https://h4ck.org.cn/2014/09/gps%e5%9d%90%e6%a0%87-%e8%bd%ac-%e7%81%ab%e6%98%9f%e5%9d

    1.1K20

    【Android 应用开发】Android 组件 位置坐标 属性 ( 组件位置属性 | 父容器坐标坐标 | 窗口坐标坐标 | 屏幕坐标坐标 | 触摸坐标 )

    View 坐标体系总结 ---- left , top , right , bottom 是组件相对于父容器的位置 , 该值一般不会改变 ; x , y 是组件当前相对于父容器的位置 ; translationX...View 组件的当前位置 : x , y , translationX , translationY 是 View 组件的当前位置 , 其作用是 描述当前的实际位置 , 该位置也是相对于父容器的坐标 ,...组件当前位置 属性 : x , y 是当前的位置 , 这个位置会随着 translationX 和 translationY 的值改变而改变 ; ① x : 表示组件左上角当前的实际位置的 x 坐标 ,...该坐标是父容器坐标系中的坐标 , 原点是父容器左上角位置 ; ② y : 表示组件左上角当前的实际位置的 y 坐标 , 该坐标是父容器坐标系中的坐标 , 原点是父容器左上角位置 ; 3 ...., 即坐标系的原点 ( 0, 0 ) 是该组件的左上角位置 ; ② rawX , rawY 相对于屏幕坐标 : 从 MotionEvent 事件中获取的 rawX , rawY 坐标 , 是当前触摸点相对于屏幕的坐标

    4K10

    屏幕坐标与客户坐标的区别

    屏幕坐标是相对于屏幕左上角(0,0)位置的坐标,客户坐标是相对于某个窗口客户区左上角的坐标,当谈到客户坐标时需要说明是相对哪个窗口的客户坐标。 ?...如上图,点A(屏幕左上角),点B(应用主窗口客户区左上角),控件1的C点的屏幕坐标和客户坐标是不同的,屏幕坐标是相对于A点坐标(50,100),客户坐标(相对于父窗口)是相对于B点坐标(20,50)。...Windows有五个API跟屏幕坐标、客户坐标有关,要注意区分。...第三,ScreenToClient(HWND, LPPOINT) 将屏幕坐标转换为相对于指定窗口的客户坐标。...第四,ClientToScreen(HWND, LPPOINT) 将相对于指定窗口的客户坐标转换为屏幕坐标

    2.1K30

    坐标系与矩阵(4):球心坐标与NEU坐标

    如上图,模拟了一个以球心为原点的固定坐标系,该坐标系有一个名称地心地固坐标系(ECEF),对应我们之前介绍的坐标系 ?...,而平面场景在我们生活中更为直观,上北下南,左东右西,对应上图中绿色的切平面,简称NEU坐标系,对应之前介绍的坐标系 ? 。于是,给定一点 ? ,我们需要计算一个矩阵 ? ,实现两个坐标系的转换。...这里对应两个环节,(1)球心坐标系的单位换算, 从经纬度 ? 到米单位的笛卡尔坐标 ? ;(2)从ECEF到NEU,从全球坐标系 ? 到本地坐标系 ? 。 ? 整体来看,默认初始时 ?...,方向均向内;(2)沿着新坐标系中的红轴逆时针旋转 ? ;(3)沿新坐标系的 ? 方向平移到绿色坐标系的原点。 前两个旋转矩阵对应的是: ? 这样,只要知道平移 ?...,因此,我们可以获取ENU坐标系三个轴的向量 ? ,这样,对应的转换公式为: ? 这样,我们在ENU本地坐标系上的一点 ? ,对应球心坐标系上的点 ? ,满足: ?

    3.3K20

    工具坐标

    1 工具坐标是机器人一个可以由用户自定义的一个坐标系,相当于把机器人的TCP(工具中心点)设置在自己需要的位置,并且以这个点进行机器人运动。 这个坐标系有什么好处呢?...2 TCP的设定方法: 确定工具坐标系的原点  XYZ 4 点法  XYZ 参照法 确定工具坐标系的姿态  ABC 世界坐标法(5D,6D)  ABC 2 点法 数字输入法 3 这里只介绍XYZ4...按下软键测量,对话框“ 是否应用当前位置?继续测量” 用是加以确认 用 TCP 从一个其他方向朝参照点移动(图2)。重新按下测量,用是回答对话框 提问。 把第 4 步重复两次(图3-图4)。...如果选择了6D: 将 +X 工具坐标调整至平行于 -Z 世界坐标的方向。(+XTOOL = 作业方向) +Y 工具坐标调整至平行于 +Y 世界坐标的方向。...(+XTOOL = 作业方向) +Z 工具坐标调整至平行于 +X 世界坐标的方向。(+XTOOL = 作业方向) 用测量来确认。对信息提示“ 要采用当前位置吗?测量将继续” 用是来确认。

    1.5K20

    地图坐标

    , 目前GPS定位所得出的结果都属于WGS84坐标系统,WGS84基准面采用WGS84椭球体,它是一地心坐标系,即以地心作为椭球体中心的坐标系。...取中央子午线与赤道交点的投影为原点,中央子午线的投影为纵坐标x轴,赤道的投影为横坐标y轴,构成高斯克吕格平面直角坐标系。    ...纵坐标以赤道为零起算,赤道以北为正,以南为负。我国位于北半球,纵坐标均为正值。...横坐标如以中央经线为零起算,中央经线以东为正,以西为负,横坐标出现负值,使用不便,故规定将坐标纵轴西移500公里当作起始轴,凡是带内的横坐标值均加 500公里。...由于高斯-克吕格投影每一个投影带的坐标都是对本带坐标原点的相对值,所以各带的坐标完全相同,为了区别某一坐标系统属于哪一带,在横轴坐标前加上带号,如(4231898m,21655933m),其中21即为带号

    2.2K100

    坐标映射

    建立等参单元,需要另外一个自然坐标系下的参考单元。...对于物理坐标系下的任意一点,在自然坐标系下的参考单元中,有唯一的一个点与之对应;反过来对于自然坐标系下参考单元的任意一点,在物理坐标系下的单元中,有唯一的一个点与之对应。 ?...设点P(x,y)是物理单元的任意一点,坐标变量x用自然坐标系可表示为, ? 这种映射关系是基于C0连续。写成矩阵形式: ? α1、α2、α3、α4为待定参数。...同理,坐标变量y也有这种映射关系: ? 现在来验证这种映射关系,参考单元的中心点(0,0),即当ξ=0,η=0时,坐标变量分别为 ? 这个点正好是物理单元的中心点。...参考单元的结点3(1,1),即当ξ=1,η=1时,坐标变量分别为 ? 这个点正好是物理单元的结点3。

    2.3K40

    使用GDAL进行影像投影坐标、地理坐标、图上坐标的转换

    我使用GDAL库写了四个函数分别进行投影坐标与地理坐标(经纬度)之间的转换,投影坐标和图上坐标(行列号)之间的转换。有需要的朋友可以参考。...(具体的投影坐标系由给定数据确定) :param dataset: GDAL地理数据 :param x: 投影坐标x :param y: 投影坐标y :return: 投影坐标...(行列号) :param dataset: GDAL地理数据 :param x: 投影或地理坐标x :param y: 投影或地理坐标y :return: 影坐标或地理坐标..., 5818760.513) 图上坐标 -> 投影坐标: (2399, 3751)->(464163.754715, 5818797.73095) 投影坐标 -> 图上坐标: (464201, 5818760...)->(2399.49875769, 3751.50526134) 注:关于投影坐标和图上坐标转换的六参数模型可以参考我的另外一篇博文:经纬度坐标和投影坐标的转换,其实质就是一个仿射变换。

    8.6K20

    【Unity3D】世界坐标系 ( 左手坐标系 | 游戏物体坐标 | 世界坐标系方向 )

    文章目录 一、左手坐标系 二、游戏物体坐标 三、世界坐标系方向 一、左手坐标系 ---- Unity 中的 游戏场景 是一个 三维空间 , x 轴 ( 红色 ) 和 z 轴 ( 蓝色 ) 组成了 地面...; y 轴 ( 绿色 ) 垂直于地面 , 指向上方 ; 使用手势形象的理解 Unity 的坐标轴 ; Unity 的世界坐标系 采用的是下图中的 左手坐标系 , 当 x 轴向右 , y 轴向上 时 ,...z 轴向里 ; 左手坐标系 与 右手坐标系 的区别是 , 当 x 轴向右 , y 轴向上 时 : 左手坐标系 的 z 轴 向里 ; 右手坐标系 的 z 轴 向外 ; 根据 导航器 Gizmo...可以看出 , Unity 场景的坐标系是左手坐标系 ; 二、游戏物体坐标 ---- 游戏物体 的 坐标 , 由其 x , y , z 三个轴的位置确定 ; 这三个值组成 坐标值 , 可以在 Inspector...; 当前位置是 ( 0 , 0 , 0 ) 世界坐标系的中心位置 , 将其设置为 ( 2 , 2 , 2 ) , 即可将其移动到如下位置 : Gane 游戏窗口 显示的内容 , 可以 清楚的展示位置

    1.9K10
    领券