zoukankan      html  css  js  c++  java
  • 获取图片坐标

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <body bgcolor="#999999">
    <div align=center ><img src="tern.jpg" style=" 700px; height: 534px" id="IMG1" onclick="vControl('GETMOUSEPOSINPIC',this)" /></div>
    <script language="javascript" type="text/javascript">
    var JPos = {};
    (
    function($){
    $.$getAbsPos
    = function(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};
    };

    $.$getMousePos
    = function(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 $.$getAbsPos(evt.target);
    }
    return {x:_x,y:_y};
    }
    })(JPos);
    function vControl(pChoice){
    switch(pChoice){
    case "GETMOUSEPOSINPIC":
    var mPos = JPos.$getMousePos();
    var iPos = JPos.$getAbsPos(arguments[1]);

    window.status
    = "x:"+(mPos.x - iPos.x) + " " + "y:"+(mPos.y - iPos.y);

    break;
    }
    }


    </script>
    </body>
    </html>
  • 相关阅读:
    挖矿程序linux 删除
    本地复制vue项目
    新建vue项目
    CentOS7单用户模式
    CentOS6
    CentOS6-系统管理操作
    CentOS7-系统管理操作
    VMWare克隆虚拟机
    虚拟机网络模式设置为NAT
    VI/VIM编辑器
  • 原文地址:https://www.cnblogs.com/sishahu/p/2137065.html
Copyright © 2011-2022 走看看