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

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

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


小怪兽爱吃肉
浏览 2227回答 2
2回答

慕容森

1,放大的方向,假如你是以图片的几何中心点为基准放大首先你要对定位的点进行判断,在图片基准点的四个象限哪一个象限,这样你放大图片的时候,然后找到放大倍数,求出top和left要改变的大小最后根据象限判断top和left改变值的符号(-,+),再将原来的值和改变的大小相加还有就是在图片的四个角为基准点放大缩小,这个就好判断的多。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript