在使用panzoom时，如何在内联块容器中将图像初始居中？

<div id="imageContainer" style="display: inline-block;"></div>

var image = new Image();
image.src = "path/to/image.jpg";

var container = document.getElementById("imageContainer");
container.appendChild(image);

image.onload = function() {
  var panzoomInstance = panzoom(image, {
    // panzoom配置选项
  });
  
  var imageWidth = image.width;
  var containerWidth = container.offsetWidth;
  var scale = containerWidth / imageWidth;
  
  panzoomInstance.zoom(scale, { animate: false }); // 设置合适的缩放值
  
  var containerHeight = container.offsetHeight;
  var imageHeight = image.offsetHeight * scale;
  var translateY = (containerHeight - imageHeight) / 2;
  
  panzoomInstance.pan(0, translateY); // 设置合适的平移值
};