一个关于坐标的问题

yuyn123 2003-08-30 10:12:54

如何得到一个IMG在屏幕的具体坐标呀，不是相对窗体的,谢谢啦

...全文

95 8 打赏收藏转发到动态举报

写回复

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

yuyn123 2003-08-30

打赏
举报

回复

还是不对，偏差很大

cloudchen 2003-08-30

打赏
举报

回复

function getSelectPosition(obj) {
var objLeft = obj.offsetLeft;
var objTop = obj.offsetTop;
var objParent = obj.offsetParent;
while (objParent.tagName != "BODY") {
objLeft += objParent.offsetLeft;
objTop += objParent.offsetTop;
objParent = objParent.offsetParent;
}
return([objLeft,objTop]);
}

possible_Y 2003-08-30

打赏
举报

回复

没看清楚是相对屏幕的坐标，改为：

<script>
function xx(obj) {
x=obj.offsetLeft+window.screenLeft;
y=obj.offsetTop+window.screenTop
alert(x+","+y)
}
</script>
<img src="gaoxiao.jpg" onclick="xx(this)">

cloudchen 2003-08-30

打赏
举报

回复

<body>
<table width="100%">
<tr>
<td width=300>
</td>
<td>
<img id="img1" onclick="getPosition(img1)">
</td>
</tr>
</table>
<script>
function getPosition(obj) {
var objLeft = obj.offsetLeft;
var objTop = obj.offsetTop;
var objParent = obj.offsetParent;
while (objParent.tagName != "BODY") {
objLeft += objParent.offsetLeft;
objTop += objParent.offsetTop;
objParent = objParent.offsetParent;
}
alert("x="+objLeft+"\n"+"y="+objTop);
}
</script>

</body>

yuyn123 2003-08-30

打赏
举报

回复

还是不对，比如
<body>
<table width="100%">
<tr>
<td width=300>
</td>
<td>
<img id="img1" onclick="xx(img1)">
</td>
</tr>
</table>
<script>
function xx(obj) {
alert((parseInt(obj.offsetLeft)+parseInt(window.screenLeft))+","+(parseInt(obj.offsetTop)+parseInt(window.screenTop)))
}
</script>

</body>

wanghr100 2003-08-30

打赏
举报

回复

我差不多明白了,

上楼的是,相对位置.
改了一下..可以了.

<script>
function xx(obj) {
alert((parseInt(obj.offsetLeft)+parseInt(window.screenLeft))+","+(parseInt(obj.offsetTop)+parseInt(window.screenTop)))
}
</script>
<img src="gaoxiao" onclick="xx(this)">

wanghr100 2003-08-30

打赏
举报

回复

//不太明白 :)

屏幕坐标是: screenX; screenY

<body onmousemove=getXY()>
<a id=pr></a>
<script>
function getXY(){
x=window.event.screenX;
y=window.event.screenY;
pr.innerText="X="+x+",Y="+y;
}
</script>
</body>

possible_Y 2003-08-30

打赏
举报

回复

<script>
function xx(obj) {
alert(obj.offsetLeft+","+obj.offsetTop)
}
</script>
<img src="gaoxiao" onclick="xx(this)">

对整threeJS体系进行全面剖析。整理出全面的教学大纲，涵盖内容面非常广。此教学版本为threeJS107版本。关于版本不建议大家使用低于90的版本学习。以下是课程目录1-ThreeJS概览（基本图形简介，什么是点线面如何绘制点线面，什么是材质，什么是几何体，什么是相机，什么是渲染器，什么是场景）2-相机和渲染器（详解相机类型，渲染器如何使用，针对不同场景怎么用，怎么调效果，怎么渲染，怎么输出画布，如何解决透明问题等等）3-创建平面几何（常见的几何体如何使用，如何使用简单的几何体绘制出自定义自己想要的几何体，关于几何体的性能剖析，如何解决性能，几何体的渲染原理）4-高级图形算法常见库（求直线的斜率计算线段与圆的交点计算线段的长度判断折线是否在多边形内等等）5-sprite精灵(怎么让一个图标永远朝向屏幕，精灵的属性，精灵材质原理等，广告提示框必用)6-骨骼游戏动画（什么是模型动画，常见游戏案例，如何让人头进行各种攻击动作）7-3d模型加载（常见模型格式，如何渲染不同格式，不同格式的特点，什么格式性能优越，模型渲染异常，贴图不显示等问题详解）8-高阶动态纹理（你所不知道的纹理用法，我说你不知道，你肯定不知道）9-漫游轨迹以及其动画路径（怎么绘制贝塞尔曲线，如何使用曲线上的路径，跟随路径移动的原理，相机如何运动，物体如何运动）10-着色器（什么是着色器。初识着色器基础，着色器材质怎么用，怎么使用着色器库）11-常见渲染以及透明度问题12-对象拾取以及拖拽（3d世界里面如何拖拽物体，拖拽的原理，mousemove mouseon等的事件效果）13-世界坐标以及组的问题（什么是相对坐标，什么是世界坐标，什么是当前坐标，怎么转化父子坐标系，组的优化，为什么用组，组的优势）14-指定对象旋转中心（什么是物体的几何体中心，如何改变中心，如何绕轴转动）15-层级对象渲染（多个场景一键切换，切换的优势，针对大项目的用法）16-拓展了解系列（不定期不断更新案例，各种酷炫效果bloom,halo等，以及各种3d图表，粒子案例等,不断构建你的3d实践能力）

作为一个八年的gis老铁，不敢说自己的gis有多么厉害，但是每次一到地理投影和什么坐标投影就各种头疼，最近又遇到这个问题，下定决心搞明白。地理坐标就是我们经常说的经纬度坐标，具体的地理位置。而投影坐标则是将地球怎么切开投影到平面上的问题。这其中大家经常混淆的就是定义投影和栅格投影区别。接下来菠萝就帮助解释下，如果说的不对还请批评指正。定义投影是指我提前知道这个数据是什么坐标系，只是他丢失了，我直接...

怎么样判断一个坐标点在一个多边形区域内？包括规则多边形，不规则多边形，还有圆。。。 1 判断一个坐标是否在圆形区域内？多边形和圆分开写，首先简单的就是判断是否在圆里面，如何判断一个坐标是否在圆形区域内，相信不用我说都知道，计算这个坐标点和圆心之间的距离，然后跟圆的半径进行比较，如果比半径大，就不在圆形区域内，如果小于等于圆的半径，则该坐标点在圆形区域内。数学上的计算公式是这样的： ...

在高级驾驶辅助系统（ADAS）领域，存在多种常用的坐标系：LiDAR坐标系、车身坐标系、相机坐标系、图像坐标系等。在本人最近的实习过程中，和这些坐标系频繁打交道。这是本人第一次在CSDN发文，本文详细总结坐标变换矩阵。一、何为坐标变换矩阵首先要回答一个问题，何为坐标变换矩阵呢？在以上所举例的坐标系变换的语境下， “点不变，坐标系进行变换。” 高中就接触到点的旋转矩阵（Rotation matrix），即坐标系不变，点绕坐标原点顺时针旋转 θ°。二、旋转变换矩阵（Rotation ..

1.基本概念平时开展GIS开发、研究、应用工作，总会接触到坐标系，也会遇到坐标转换的问题，如地理坐标系、投影坐标系等。地理坐标系是球面坐标，参考平面是椭球面，坐标单位是经纬度；投影坐标系是平面坐标系，参考平面是水平面，坐标单位是米、千米等。地理坐标系转换到投影坐标系的过程理解为投影，即将不规则的地球曲面转换为平面。 ...

87,921

社区成员

224,619

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章