zoukankan      html  css  js  c++  java
  • 网页相对定位

    function click_canvas(e){
    //var scrollTop, scrollLeft;
    //
    if (document.documentElement && document.documentElement.scrollTop) { // scrollTop = document.documentElement.scrollTop; // scrollLeft = document.documentElement.scrollLeft; //} else if (document.body) { // scrollTop = document.body.scrollTop; // scrollLeft = document.body.scrollLeft; //}
      
    var imgX = e.clientX + $(document.body).width()//scrollLeft var imgY = e.clientY + $(document.body).height()-60//scrollTop - 60//这个60估计是地址栏的高度
       //在canvas上定位 pin(img, imgX, imgY)

      //计算相对位置 var x
    = imgX - $('#canvas').offset().left var y = imgY - $('#canvas').offset().top
      
      //计算比率

      var sx = Math.min(Math.max((x / canvas.width),0), 1)

      var sy = Math.min(Math.max((y / canvas.height),0), 1)
     
    }
    
    

    考虑用e.offsetX,e.offsetY 来简化操作. 

  • 相关阅读:
    var、let、const
    面向女朋友自我介绍
    ES6——class
    一个错误引发的——对异步回调与for循环(小白错误,大神勿进)
    关于this
    关于作用域
    HTML5 8
    HTML5 7
    HTML5 6
    HTML5 4
  • 原文地址:https://www.cnblogs.com/xuezizhenchengxuyuan/p/6489859.html
Copyright © 2011-2022 走看看