사용자 입장에서 기능의 흐름을 설명해드리자면

사용자가 이미지 영역 안에서 드래그를 하면

마우스의 위치를 따라서 직사각형 모양으로 자르기 영역이 생기고

사용자가 드래그를 그만두고 마우스를 떼어서

"mouseup" 이벤트가 발생하면

직사각형 모양으로 생긴 자르기 영역 안의 컨텐츠가 잘리게 해야하는데

딱 잘리는 동작까지만 하고 동작이 멈춰야합니다(이게 가장 중요한 포인트임!)

일단 거기서 동작이 멈춘 후에

바깥에 사용자가 볼수있는 버튼이 하나 있는데

사용자가 그 버튼을 누르면

비로소 그 잘라진 이미지가 화면에 띄워지게 해야합니다

이거를 자바스크립트로 구현해야하는데

도움 좀 주시면 감사하겠습니다