设置动态大小图像的中心

Set center of dynamic size image

本文关键字：图像 动态 设置      更新时间：2023-09-26

我希望能够使用JS设置动态大小图像中心的绝对（x，y）位置。一定有一些CSS容器的安排可以实现这一点，但我还没能弄清楚。可以使用JS计算的偏移量，但这会使动画缩放变得相当复杂，所以如果可能的话，我想避免它。

我似乎找到了解决方案。

HTML:

<div id='parent'><div id='child'></div></div>

子CSS:

transform: translate(-50%, -50%);    
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);

在父对象上设置平移现在将按其中心移动子对象。

相关文章：