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 来简化操作. 

  • 相关阅读:
    不是结束,而是刚刚开始
    第七次作业
    用类做封装
    用户故事
    团队编程--MP3播放器
    结对编程作业
    四则运算
    四、小电视自动抽奖
    三、wss连接B站弹幕
    一、基础设计
  • 原文地址:https://www.cnblogs.com/xuezizhenchengxuyuan/p/6489859.html
Copyright © 2011-2022 走看看