如何缩放图像的中心？

Question

我想知道如何缩放图像的中心。

我尝试了类似imageWrapper.width().left

的其他操作

$(document).on('click', '.process-diagram-zoom-in', function(){
    var div = $(this).parents('.container-fluid:first');
    var imageWrapper = div.find('.image-wrapper');
    imageWrapper.width(imageWrapper.width() * 5.1);
});

Answer 1

显然，您已经知道如何放大图像，因此需要做的是确保图像在容器中居中。

这可以通过简单的CSS完成。

对于容器：

position: relative;

对于图像：

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);