unaJ
2017-09-13 04:53
采纳率: 15.4%
浏览 5.9k

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

最开始在图片上画了一个点,点的相对位置是相对于图片定位的。

使用css3的transform的scale属性,使图片放大后,再次在相同的位置上画点,此时,点的位置会偏移,我调试了一下,发现,放大后,点的相对位置的left和top值,和没有放大的时候的值是一样的,这样的话,我怎么能在图片放大后,获取到图片没有放大的时候的left和top值,并把他们赋值给现在放大之后的点的相对位置的值?

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • Rattenking 2017-09-13 09:06
    已采纳

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

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

    已采纳该答案
    打赏 评论
  • hmszhmsz 2017-09-13 09:43

    你是想让画的点跟着图片动吧?原来的坐标x,y乘以scale的倍数

    打赏 评论

相关推荐 更多相似问题