• 网页相对定位


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

  • 相关阅读:
    Oracle数据库五种约束
    Oracle中sql的基本使用
    暮光之城》剧本
    英语电影剧本大全(中英对照)
    加勒比海盗1英文剧本
    公主日记英文剧本
    教父2-英文版
    <老友记>学习笔记
    霍夫变换Hough
    景深(Depth of Field)
  • 原文地址:https://www.cnblogs.com/xuezizhenchengxuyuan/p/6489859.html
Copyright © 2020-2023  润新知