【总结】JS动态绘点

3 篇文章 0 订阅
1 篇文章 0 订阅

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

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

  

//从别的地方摘抄过来的

//通过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};
}


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

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


$(window).resize(function(){
		show();
	});


  

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值