limitCropboxMovementOnResize.js 942 B

12345678910111213141516171819202122232425262728293031323334353637
  1. function limitCropboxMovementOnResize (canvas, cropboxData, prevCropbox) {
  2. // For the left boundary
  3. if (cropboxData.left < canvas.left) {
  4. return ({
  5. left: canvas.left,
  6. width: (prevCropbox.left + prevCropbox.width) - canvas.left,
  7. })
  8. }
  9. // For the top boundary
  10. if (cropboxData.top < canvas.top) {
  11. return ({
  12. top: canvas.top,
  13. height: (prevCropbox.top + prevCropbox.height) - canvas.top,
  14. })
  15. }
  16. // For the right boundary
  17. if (cropboxData.left + cropboxData.width > canvas.left + canvas.width) {
  18. return ({
  19. left: prevCropbox.left,
  20. width: (canvas.left + canvas.width) - prevCropbox.left,
  21. })
  22. }
  23. // For the bottom boundary
  24. if (cropboxData.top + cropboxData.height > canvas.top + canvas.height) {
  25. return ({
  26. top: prevCropbox.top,
  27. height: (canvas.top + canvas.height) - prevCropbox.top,
  28. })
  29. }
  30. return null
  31. }
  32. export default limitCropboxMovementOnResize