区分什么是“客户区坐标”、“页面坐标”、“屏幕坐标”

于 2024-07-09 21:49:40 发布
阅读量124 收藏
点赞数 3
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64620776/article/details/140307632
版权
  • 客户区坐标：鼠标指针在可视区中的水平坐标(clientX)和垂直坐标(clientY)
  • 页面坐标：鼠标指针在页面布局中的水平坐标(pageX)和垂直坐标(pageY)
  • 屏幕坐标：设备物理屏幕的水平坐标(screenX)和垂直坐标(screenY)

如何获得一个DOM元素的绝对位置？

  • elem.offsetLeft：返回元素相对于其定位父级左侧的距离
  • elem.offsetTop：返回元素相对于其定位父级顶部的距离
  • elem.getBoundingClientRect()：返回一个DOMRect对象，包含一组描述边框的只读属性，单位像素
little小sun
关注
JavaScript鼠标事件对象中的坐标位置（客户区、页面、屏幕）详解及区别
TalonZhang的博客
11-20 1012
坐标位置包括客户区坐标位置、页面坐标位置、屏幕坐标位置。 客户区坐标位置 鼠标事件都是在浏览器视口中的特定位置上发生的。这个位置信息保存在事件对象的 clientX 和 clientY 属性中，分别表示事件发生时鼠标指针在视口中的水平和垂直坐标。 所有的浏览器都支持这两个属性。 用法： var div = document.getElementById('myDiv'); EventUtil.ad...
详析VC中坐标系的建立
Leo
01-09 1358
详析VC中坐标系的建立建立一个合适的 坐标系可以为我们的绘图带来很大的方便 。下面介绍一下如何在VC中建立我们想要的坐标系。一 设备坐标和逻辑坐标　　设备坐标（Device Coordinate）又称为物理坐标（Physical Coordinate），是指输出设备上的坐标。通常将屏幕上的设备坐标称为屏幕坐标。设备坐标用对象距离窗口左上角的水平距离和垂直距离来指定对象的位置，是以像素为单位来表示的
屏幕坐标和客户区坐标
minbin1987的专栏
02-04 576
屏幕坐标：相对于屏幕左上角(0,0)的坐标，这里的屏幕就是我们的输出设备。 客户区坐标：相对于窗口客户区左上角(0,0)的坐标。 涉及的几个函数： ClientToScreen( ): 把客户区坐标转换为屏幕坐标； ScreenToClient( ):把屏幕坐标转换为窗口坐标； GetWindowRect( ):获取屏幕坐标系下的整个窗口（包含客户区和非客户区）矩形； GetC
Windows的三种坐标系：屏幕坐标系，非客户区坐标系，客户区坐标系
u014712365的博客
03-03 3417
1. 屏幕坐标系：以屏幕的左上角为原点，如图所示GetWindowRect() 函数获得的 RECT 就是以屏幕坐标系算的。 2. 非客户区坐标系(窗口坐标系)包括标题栏的部分。GetWindowDC 返回的设备环境就是基于此坐标系，一般只在 WM_NCPAINT 消息中使用。 3. 客户区坐标系不包括标题栏，坐标的原点在标题栏下的客户区的左上角。BeginPaint 函数返回的设备环境是基...
客户区坐标与屏幕坐标/逻辑坐标
学而不思则罔
11-19 983
客户区坐标与屏幕坐标原点都在左上角,不同的是,屏幕坐标的原点在屏幕左上角,客户区坐标的原点在本客户区(比如控件)的左上角.
设备坐标(DP)、客户坐标(Client)、逻辑坐标(LP)在用法和含义上都有哪些区别呢？
willpower_lsc的专栏
04-18 2783
1.逻辑坐标               逻辑坐标是独立于设备的，它与设备点的大小无关。使用逻辑单位，是实现"所见即所得"的基础。当程序员在调用一个画线的GDI函数LineTo，画出25.4mm(1英寸)     长的线时，他并不需要考虑输出的是何种设备。若设备是VGA显示器，Windows自动将其转化为96个像素点；若设备是一个300dpi的激光打印机，Windows自动将其转化为300个像素点
屏幕坐标获取工具
06-07
3. 多屏幕支持：如果用户的计算机连接了多个显示器，工具应能区分不同屏幕的坐标，并提供切换查看不同屏幕坐标的功能。 4. 可自定义设置：可能允许用户选择坐标系的原点，例如选择右下角为原点，或者设置坐标单位...
plotyyy.rar_matlab plotyyy_matlab三纵坐标_matlab坐标轴_ploty_三个纵坐标
07-14
在MATLAB中，创建具有多个纵坐标轴的图形可以极大地增强数据可视化的能力，尤其是在比较不同尺度或不同种类的数据时。本篇文章将详细讲解如何利用MATLAB的`plotyyy`函数来实现这一功能，并结合`ploty`进行深入讨论。...
KUKA机器人通过3点法设置工作台基坐标系的具体方法.docx
最新发布
09-27
2. 在基坐标编辑界面，你需要为新的基坐标系赋予一个编号，例如3，同时为其命名，比如“table1”，这有助于区分不同的工作区域。点击“继续”以进行下一步操作。 3. 在选择参考工具阶段，根据实际需求选择合适的...
将3D坐标转成2D坐标的方法2
08-08
在Unity 3D游戏开发中，经常需要将3D场景中的坐标转换为2D屏幕坐标，以便进行交互和渲染GUI元素。本教程将详细介绍如何实现这个转换过程，并提供了一个简单的应用示例，即在一个塔防游戏中点击3D物体后显示对应的...
设备坐标和客户坐标
张启宇(Joey Zhang)的专栏
07-15 830
<br />设备坐标：一个实际物理屏幕是由像素组成的如平常所说的640×480，1024 ×768指的就是显示器的实际宽度和高度的像素数目。<br />VC++绘图有好几种模式，默认情况下是MM_TEXT，在此模式下绘图就是设备坐标，因为它的单位是像素！<br /><br />客户坐标：是指在客户区的坐标系，客户==你！哈哈你定义的坐标系。可以在现有的绘图映像模式下通过坐标变换的到你的坐标系。如你在一个映像模式坐标系下的客户坐标原点为（x，y），那客户坐标系的坐标换算成映像模式坐标就行了，数学问题多说了！哈
MFC实战篇——客户区坐标与屏幕坐标转换，获取对话框中控件的坐标，获取鼠标点击处的像素值
WaitFoF
04-01 7260
文章目录一、客户区坐标与屏幕坐标转换1. GetWindowRect2. GetClientRect3. ClientToScreen4. ScreenToClient5. 对话框中控件的坐标二、实例1. 获取图像控件的坐标信息2. Mat图片显示在MFC图片控件中3. 获取鼠标点击处的像素值 一、客户区坐标与屏幕坐标转换 ????????????坐标包含两种： 屏幕坐标 屏幕坐标是指你的显示器的左上角（0，...
MFC界面 坐标获取/转换 及 区域获取
chen825919148的专栏
07-17 7373
MFC界面相关常用方法整理：   坐标点----CPoint： CPoint   构造方法： CPoint(); CPoint( intinitX, int initY ); CPoint(POINT initPt ); CPoint( SIZEinitSize ); CPoint(DWORD dwPoint ); 参数： initX     Specifies the v
MFC 客户坐标和屏幕坐标
滴水穿石的博客
11-17 848
在CWnd类中和Win32函数中都有这两种坐标的获取和转换接口，可以通过这两种坐标的获取和转换计算出自己想要的位置。在MFC界面上有两种坐标系，分别是客户坐标和屏幕坐标。屏幕坐标是以屏幕为参照，而客户坐标是以父窗口为参照。
屏幕坐标、客户区域（可视窗口）坐标、页面坐标的区分
weixin_34006965的博客
02-18 557
区分三类坐标 屏幕坐标、可视窗口坐标、页面坐标有时不能迅速的对应起来，为了更好的区分三者，特意画了一张图如下： 屏幕坐标 顾名思义，即整个电脑屏幕上任意一点的位置坐标，对应的属性分别为screenX，screenY,范围如上图最外层红色边框范围，坐标为蓝色虚线对应的坐标。可以使用类似下面的代码取得鼠标事件的屏幕坐标: var div ...
逻辑坐标与设备坐标——全窗口坐标、屏幕坐标、客户区坐标的总结
Sin_Geek成长の迹
03-26 6434
Windows应用程序绘制图形时使用的是一种逻辑单位，每个逻辑单位的大小由映射模式决定，这个逻辑单位既可以与设备单位（屏幕或打印机上的一个像素点）相同，也可以是一种物理单位（如毫米），还可以是用户自定义的一种单位。在Windows应用程序中，只要与输出有关系，都要使用映射模式。   首先谈谈映射模式基本知识，当Windows应用程序在其客户区绘制图形时，必须给出在客户区的位置，其位置用x和y
客户区坐标转换成屏幕坐标
JJF代码男孩
05-21 4113
<br />客户区坐标转换成屏幕坐标<br />  CPoint pt;<br />  pt=point;//假设point为客户区坐标<br />ClientToScreen(pt);<br />此后pt表示的就是屏幕坐标<br /><br />屏幕坐标转换成客户区坐标，使用GetCursorPos()函数<br />void CXXXDlg::Func()<br />{<br />  POINT point;<br />  ::GetCursorPos(&point);//获取屏幕坐标<br />  C
屏幕坐标与客户坐标的转换
蛋蛋强的专栏
04-03 6562
WIN32  API函数： 1、ClientToScreen 函数： 　　函数功能：该函数将指定点的用户坐标转换成屏幕坐标。 　　函数原型：BOOL ClientToScreen(HWND hWnd,LPPOINT lpPoint)； 　　参数： 　　hWnd ：用户区域用于转换的窗口句柄。 注：第二个参数点的坐标是相对于第一个参数(窗口句柄)
SVG教程：理解视窗与用户坐标系及变换
文章还区分了视窗、视窗坐标系和用户坐标系的差异，并阐述了坐标变换的原理。" 在SVG中，坐标系统是理解图形绘制和定位的关键。存在两个主要的坐标系统：视窗坐标系和用户坐标系。视窗坐标系是指网页显示SVG图形的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值