소스 복사

src/main/webapp/WEB-INF/views/template/imageModifySample/imageModify_cropper.jsp

@@ -42,8 +42,10 @@
                                             <button type="button" id="btnCrop">✂️ 자르기</button>
                                             <button type="button" id="btnZoomIn">🔍 확대</button>
                                             <button type="button" id="btnZoomOut">🔍 축소</button>
+                                            <%--
                                             <button type="button" id="btnRotateLeft">🔄 왼쪽 회전</button>
                                             <button type="button" id="btnRotateRight">🔄 오른쪽 회전</button>
+                                            --%>
                                             <button type="button" id="btnReset">🔄 초기화</button>
                                         </div>
                                         <div class="input-group">
@@ -81,6 +83,7 @@
                                             <button type="button" id="btnResetMosaic">🔄 모자이크 초기화</button>
                                         </div>
                                         <div class="status-message info" id="mosaicStatus">
+                                            모자이크 적용 후 기본 편집을 적용하시기 바랍니다.<br/>
                                             선택된 영역에 모자이크를 적용합니다. 영역을 조정하려면 선택영역을 드래그하세요.
                                         </div>
                                     </div>
@@ -366,6 +369,9 @@
                     $('#topToolbar').show();
                     $('#mainEditArea').show();
 
+                    // 이미지 업로드 영역 숨기기
+                    $('.gs_b_top').hide();
+
                     // 기존 Cropper 제거 후 새로 초기화
                     if (cropper) {
                         cropper.destroy();
@@ -392,7 +398,9 @@
                 aspectRatio: NaN,               // 비율 제한 없음
                 preview: '.img-preview',        // 미리보기 영역 지정
                 autoCrop: true,                 // 자동 자르기 영역 생성
-                autoCropArea: 0.8,              // 자동 자르기 영역 크기 (80%)
+                autoCropArea: 1,                // 자동 자르기 영역 크기 (100% - 이미지 전체)
+                wheelZoomRatio: 0,              // 마우스 휠 확대/축소 비활성화 (버튼만 사용)
+                zoomOnWheel:false,               // 마우스 휠 확대/축소 비활성화 (버튼만 사용)
                 crop: function(e) {
                     // 자르기 영역 변경 시 크기 정보 업데이트
                     updateSizeInfo();
@@ -845,6 +853,9 @@
             $('#mainEditArea').hide();
             $('#resultContainer').hide();
 
+            // 이미지 업로드 영역 다시 표시
+            $('.gs_b_top').show();
+
             if (cropper) {
                 cropper.destroy();
                 cropper = null;