当前位置:编程学习 > JS >>

JS动态绘点总结

之前做的一个功能是,根据数据库里保存的坐标,把点绘制到一个div中。

  主要是通过以下函数查找该div的坐标,并根据绝对位置绘制结点。

  

//从别的地方摘抄过来的
[javascript]
//通过js获取对象的坐标: 
function GetPosition(obj){ 
    var x = obj.offsetLeft; 
    var y = obj.offsetTop; 
    while(obj = obj.offsetParent){ 
        x += obj.offsetLeft; 
        y += obj.offsetTop; 
        } 
    return {x:x,y:y}; 

  但是有一个不好的地方就是,每次改变窗口大小的时候,点的坐标不会变,也就发生了错位。

  现在通过这样的方法解决,就是检测窗口大小的改变,每次改变时都重绘一次。


[javascript]
$(window).resize(function(){ 
        show(); 
    }); 

 


摘自 kchen24的专栏

补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,