zoukankan      html  css  js  c++  java
  • javascript画矩形

    <script>
    function md(){
     d.style.display="";
     d.setCapture();
     d.onmouseup=d.onlosecapture=mu;
     d.onmousemove=mv;
     d.startX=event.clientX;
     d.startY=event.clientY;
     d.style.left=event.x;
     d.style.top=event.y;
     d.style.width=0;
     d.style.height=0;
      hjs.style.display="none";
    }

    function mu(){
     d.releaseCapture();
     d.style.display="none";
     hjs.style.display="";
     var x2=event.clientX;
     var y2=event.clientY;
     x=Math.min(d.startX,x2);
     y=Math.min(d.startY,y2);
     x1=Math.max(d.startX,x2);
     y1=Math.max(d.startY,y2);
     with(hjs.style){
      left=x;
      top=y;
      width=x1-x;
      height=y1-y;
     }
    }

    function mv(){
     var x2=event.clientX;
     var y2=event.clientY;
     x=Math.min(d.startX,x2);
     y=Math.min(d.startY,y2);
     x1=Math.max(d.startX,x2);
     y1=Math.max(d.startY,y2);
     with(d.style){
      left=x;
      top=y;
      width=x1-x;
      height=y1-y;
     }
    }
    </script>
    <body onmousedown=md() >
    用鼠标开始画吧
    <div style="border:#444 1px solid;position:absolute;overflow:hidden;background-Color:#eee;display:none;" id="d"></div>
    <div style="border:#000 1px solid;position:absolute;overflow:hidden;background-Color:#000;display:none;" id="hjs"></div>
    </body>
  • 相关阅读:
    路飞学城-Python开发集训-第1章
    Python制作的射击游戏
    使用百度地图API自动获取地址和经纬度
    使用高德地图JS获取当前位置和经纬度
    thinkphp5 使用PHPExcel 导入导出
    MySQL优化
    ABAP 新语法-实例讲解
    ASP.NET Core
    ASP.NET Core
    ASP.NET Core
  • 原文地址:https://www.cnblogs.com/cutepig/p/1362276.html
Copyright © 2011-2022 走看看