【发布时间】:2014-02-24 14:15:36
【问题描述】:
我有一个可以使用 CSS3 转换进行缩放和移动的元素。 我的目标是,始终在鼠标位置进行缩放,因此我将元素的变换原点设置为元素的相对鼠标位置。 从比例 1 放大和缩小效果很好,但是当我将光标移动到缩放的元素上时,设置 transform-origin 也会移动元素。
我想我必须计算类似“缩放的变换原点”之类的东西,但我不知道该怎么做。
谁能帮帮我?
【问题讨论】:
标签: javascript css transform
我有一个可以使用 CSS3 转换进行缩放和移动的元素。 我的目标是,始终在鼠标位置进行缩放,因此我将元素的变换原点设置为元素的相对鼠标位置。 从比例 1 放大和缩小效果很好,但是当我将光标移动到缩放的元素上时,设置 transform-origin 也会移动元素。
我想我必须计算类似“缩放的变换原点”之类的东西,但我不知道该怎么做。
谁能帮帮我?
【问题讨论】:
标签: javascript css transform
我不确定你想要的效果是什么,但是你有没有尝试使用translate而不是transform-origin来根据鼠标位置移动放大的图像?
【讨论】: