如何在屏幕的任意位置随意移动(平移)图片？

.your-image-class {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 0);
}

var image = document.querySelector('.your-image-class');
var isDragging = false;
var startX, startY;

image.addEventListener('mousedown', startDrag);
image.addEventListener('touchstart', startDrag);

function startDrag(event) {
  isDragging = true;
  startX = event.clientX || event.touches[0].clientX;
  startY = event.clientY || event.touches[0].clientY;
}

document.addEventListener('mousemove', drag);
document.addEventListener('touchmove', drag);

function drag(event) {
  if (!isDragging) return;

  var currentX = event.clientX || event.touches[0].clientX;
  var currentY = event.clientY || event.touches[0].clientY;

  var deltaX = currentX - startX;
  var deltaY = currentY - startY;

  image.style.transform = 'translate(' + deltaX + 'px, ' + deltaY + 'px)';
}

document.addEventListener('mouseup', stopDrag);
document.addEventListener('touchend', stopDrag);

function stopDrag() {
  isDragging = false;
}