自用
<div style="border: 1px solid red; background: black; ">
<img src="resources/images/0.jpg" alt="" onmousedown="aaaaaa(this,event);" />
<script type="text/javascript">
function aaaaaa(ele, ev){
var pos1 = getObjPos(ele);
var pos2 = getEventPos(ev);
alert(pos1.x +'|'+ pos1.y);
alert(pos2.x +'|'+ pos2.y);
return;
}
//图片坐标
function getObjPos(p){
var _x = 0;
var _y = 0;
while(p.offsetParent){
_x += p.offsetLeft;
_y += p.offsetTop;
p = p.offsetParent;
}
_x += p.offsetLeft;
_y += p.offsetTop;
return {x:_x,y:_y};
}
//鼠标坐标
function getEventPos(evt){
var _x,_y;
evt = evt || window.event;
if(evt.pageX || evt.pageY){
_x = evt.pageX;
_y = evt.pageY;
}else if(evt.clientX || evt.clientY){
_x = evt.clientX + document.body.scrollLeft - document.body.clientLeft;
_y = evt.clientY + document.body.scrollTop - document.body.clientTop;
}else{
return getObjPos(evt.target);
}
return {x:_x,y:_y};
}
</script>
</div>
相关推荐
因在项目中遇到要裁剪不同图片中的多边形形状.获取多边形的坐标很麻烦.找了个DigitizeXY也不好用.自己写了一个.可以复制成python对象格式
需安装EasyX库。该程序可快速连续获取图片上的坐标和选区宽高,并可将选区抠图保存为图片。
代码实现:读取图片,显示图像,获取图片坐标及像素值进行显示(vs2013+qt5.3.0 x64环境)
### PyQt6鼠标标点示例程序 QLabel图片上获取鼠标坐标并显示红点 本代码是使用PyQt6实现的图片上鼠标标点示例。用户可以通过鼠标点击在图片上标注点,并实时获取标注点的坐标。 ## 主要功能 1. **图片标注:** ...
mfc里作图用到的坐标以及颜色值,使用方法,点击启动后 按获取颜色坐标按钮 然后 将鼠标放到 所要求的位置 按空格就可以获取了
pdf关键字坐标获取
基于对话框显示,动态显示jpg.bmp等图片,并获取鼠标移动的坐标值及rgb值
Matlab如何用鼠标获取图像的像素值和坐标-test.fig 如题 我是在一个GUI里,有两个...我想要实现的是:图片在axe显示后,当鼠标在图片上移动,或者点击,可以得到图片的像素值和其在axe中的坐标。 求教各位大大~~~
获取鼠标在图像上坐标的方法。
获取鼠标在文档的位置坐标。可轻易实现图片的上一页和下一页计算。
# PyQt5图片鼠标点击标点 QLabel实现在图片上标注点并获得坐标 1. PyQt5 可视化程序,使用 QLabel 显示图片; 2. 在图片上鼠标点击,会在点击处显示红点并输出该点坐标
Matlab如何用鼠标获取图像的像素值和坐标-test.m 如题 我是在一个GUI里,有两个axe...我想要实现的是:图片在axe显示后,当鼠标在图片上移动,或者点击,可以得到图片的像素值和其在axe中的坐标。 求教各位大大~~~
在vs2013上win32控制台运用opencv鼠标实时截取图像并显示坐标
Qt载入图片界面,并通过鼠标移动时间,获得图片上每个像素点坐标。
vue实现在图片中画矩形框,并得到图片中的对角坐标,测试可用版本
读入图像后识别鼠标点击位置,输出x和y坐标并打印、保存到列表
可通过改变代码中图片的输入路径,输入任意图片,并读取出图片上任意点的亚像素级坐标。 可通过改变代码中图片的输入路径,输入任意图片,并读取出图片上任意点的亚像素级坐标。
HALCON鼠标交互绘制轨迹并获取像素信息,包含直线,圆,椭圆,圆弧,任意轨迹等功能,可以传送给运动控制系统实现运动。 HALCON17运行通过
可以在页面上用鼠标随便点击 获取两个坐标、并自动创建热区、点击可以为此选取添加颜色、调至透明度
1、可延时获取鼠标所在的位置 2、自定义按键启动与停止 3、自定义点击频率 4、启用鼠标坐标时,每次点击可自动校准鼠标位置,实现精准定位点击 5、可保存用户自定义的配置