为了账号安全,请及时绑定邮箱和手机立即绑定

图片使用transform的scale放大缩小图片,怎么获取到原始的坐标点

图片使用transform的scale放大缩小图片,怎么获取到原始的坐标点

小怪兽爱吃肉 2019-04-19 18:15:27
最开始在图片上画了一个点,点的相对位置是相对于图片定位的。使用css3的transform的scale属性,使图片放大后,再次在相同的位置上画点,此时,点的位置会偏移,我调试了一下,发现,放大后,点的相对位置的left和top值,和没有放大的时候的值是一样的,这样的话,我怎么能在图片放大后,获取到图片没有放大的时候的left和top值,并把他们赋值给现在放大之后的点的相对位置的值?
查看完整描述

2 回答

?
慕容森

TA贡献1853条经验 获得超18个赞

1,放大的方向,假如你是以图片的几何中心点为基准放大
首先你要对定位的点进行判断,在图片基准点的四个象限哪一个象限,这样你放大图片的时候,
然后找到放大倍数,求出top和left要改变的大小
最后根据象限判断top和left改变值的符号(-,+),再将原来的值和改变的大小相加

还有就是在图片的四个角为基准点放大缩小,这个就好判断的多。


查看完整回答
反对 回复 2019-05-13
  • 2 回答
  • 0 关注
  • 2226 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信