但是在上面代码实际运用中，图片位置存在偏移，并没有出现在屏幕中间

如果您的图片在弹窗中位置存在偏移，可能是由于计算图片应该在弹窗中居中显示位置的代码有问题。您可以尝试修改以下代码：

function showPopup() {
  var popup = document.getElementById("popup");
  var popupImg = document.getElementById("popupImg");
  var scale = 1;

  // 在设置弹出窗口中的图片之前获取弹出窗口的宽度和高度
  var popupWidth = popup.offsetWidth;
  var popupHeight = popup.offsetHeight;

  // 计算图片应该在弹出窗口中居中显示的位置
  var imgLeft = (popupWidth - popupImg.width * scale) / 2; // 修改此行
  var imgTop = (popupHeight - popupImg.height * scale) / 2; // 修改此行

  // 设置弹出窗口中的图片位置
  popupImg.style.left = imgLeft + "px";
  popupImg.style.top = imgTop + "px";

  // 其他代码...
}

通过将计算图片左侧和顶部位置的代码修改为`(弹窗宽度 - 图片宽度 * 缩放比例) / 2`，可以将图片居中显示在弹窗中。请注意，这里假设弹窗元素的`position`属性为`absolute`，而非`fixed`。

如果问题仍然存在，请提供更多关于您的HTML和CSS布局的信息，以便更好地帮助您解决问题。