设置动态尺寸图像的中心

Question

我希望能够使用JS设置动态大小图像中心的绝对（x，y）位置。必须有一些CSS容器的安排才能做到这一点，但我无法弄明白。可以使用JS计算的偏移量，但它会使动画缩放变得相当复杂，所以我希望尽可能避免使用它。

Answer 1

我似乎找到了解决方案。

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%);

在父级上设置翻译现在会将孩子移动到其中心。