diff --git a/docs/20260326_시그니처이미지크롭비율자유조정.md b/docs/20260326_시그니처이미지크롭비율자유조정.md new file mode 100644 index 0000000..0a9e6ad --- /dev/null +++ b/docs/20260326_시그니처이미지크롭비율자유조정.md @@ -0,0 +1,15 @@ +# 20260326_시그니처이미지크롭비율자유조정 + +## 구현 항목 +- [x] `src/views/Signature/SignatureManagement.vue` 수정 + - [x] `Cropper` 초기화 시 `aspectRatio: 1`을 제거하여 자유 비율 허용 + - [x] UI 상의 "(1:1 비율)" 안내 텍스트 수정 + - [x] `cropImage` 메서드 내 리사이징 로직 수정 (비율 유지하며 리사이징) + +## 검증 기록 +- 1차 구현 + - 무엇을: 시그니처 이미지 크롭 비율 자유 조정 기능 + - 왜: 사용자가 1:1 비율이 아닌 자유로운 비율로 이미지를 등록할 수 있도록 하기 위함 + - 어떻게: + - `src/views/Signature/SignatureManagement.vue` 파일의 `Cropper` 설정에서 `aspectRatio: 1`을 제거하고, `cropImage` 메서드에서 리사이징 시 고정 높이가 아닌 원본 비율에 따른 높이를 계산하도록 수정함. + - `work/check-commit-message-rules.sh`를 사용하여 커밋 메시지 규칙 준수 여부 확인 완료. diff --git a/src/views/Signature/SignatureManagement.vue b/src/views/Signature/SignatureManagement.vue index 81c1463..ffbf185 100644 --- a/src/views/Signature/SignatureManagement.vue +++ b/src/views/Signature/SignatureManagement.vue @@ -376,7 +376,7 @@ persistent > - 이미지 크롭 (1:1 비율) + 이미지 크롭
MAX_WIDTH) { - const height = MAX_WIDTH + const height = (MAX_WIDTH * canvas.height) / canvas.width const resizeCanvas = document.createElement('canvas') resizeCanvas.width = MAX_WIDTH resizeCanvas.height = height