@uppy/image-editor/lib/utils/limitCropboxMovementOnResize.js

Image editor and cropping UI

function limitCropboxMovementOnResize(canvas, cropboxData, prevCropbox) {
  // For the left boundary
  if (cropboxData.left < canvas.left) {
    return {
      left: canvas.left,
      width: prevCropbox.left + prevCropbox.width - canvas.left
    };
  }

  // For the top boundary
  if (cropboxData.top < canvas.top) {
    return {
      top: canvas.top,
      height: prevCropbox.top + prevCropbox.height - canvas.top
    };
  }

  // For the right boundary
  if (cropboxData.left + cropboxData.width > canvas.left + canvas.width) {
    return {
      left: prevCropbox.left,
      width: canvas.left + canvas.width - prevCropbox.left
    };
  }

  // For the bottom boundary
  if (cropboxData.top + cropboxData.height > canvas.top + canvas.height) {
    return {
      top: prevCropbox.top,
      height: canvas.top + canvas.height - prevCropbox.top
    };
  }
  return null;
}
export default limitCropboxMovementOnResize;