把图片分割并获取其任意格子坐标的方法

 时间:2024-10-13 11:02:36

1、用画图工具把图片调整到合适的像素尺寸,注意要保持纵横比(一般把宽度调成一个整数,示例图片调整的像素大小为500×333),保存好图片并记住这两个像素值。

把图片分割并获取其任意格子坐标的方法

2、把“====”以下代码复制到记事本,把文件扩展名改成.html。【示例图片横竖都被分割成100等份,所以在“alert("X:"+parseInt(x/5)+"\nY:"+parseInt(y/3.33));”这行代码中,x/5=100,y/3.33=100,x、y代表的是上一步要记住的图片横宽像素值,如果要分割成别的等份,请自行处理。“C:\Users\Administrator\Desktop\截图01.png”是图片在本地电脑上的保存位置。代码要改动的就这两个地方,其他不要去动。】=============================================<html><body><script language="javascript">function getPic(htmlObj){var zb = {x:0,y:0}do{zb.x += htmlObj.offsetLeftzb.y += htmlObj.offsetTophtmlObj = htmlObj.offsetParent} while(htmlObj)return zb}function getXY(){var x = window.event.clientX - getPic(mypic).x;var y = window.event.clientY - getPic(mypic).y;alert("X:"+parseInt(x/5)+"\nY:"+parseInt(y/3.33));}</script><div style="padding-left:10px"><img id=mypic src="C:\Users\Administrator\Desktop\截图01.png"onclick="getXY()"></div></body></html>

3、双击html文件,浏览器会自动将其打开,用鼠标点击图片的任意位置,坐标立刻显示出来。(截图张虢咆噘时鼠标箭头会消失,有没有什么截图软件可以把鼠标箭头也截进去呢?)

把图片分割并获取其任意格子坐标的方法
  • 反转录的cDNA能否跑胶
  • 6G是什么,应用在哪里?
  • 携程旅行怎么查看未出行的订单信息
  • 如何把工具栏变为双栏视图呢
  • 手机新设计方案
  • 热门搜索
    关于低碳环保的手抄报 红军长征手抄报 保护动物手抄报资料 运动会手抄报内容 节俭养德手抄报 圣诞节手抄报图片 三年级安全手抄报 大学生手抄报 关于手抄报的边框 关于祖国风光的手抄报