Compare commits
35 Commits
test
...
abea99856b
| Author | SHA1 | Date | |
|---|---|---|---|
| abea99856b | |||
| b5a86485ba | |||
| 29331de683 | |||
| c49a304357 | |||
| 625c8a121f | |||
| efa1643359 | |||
| 3b294ba020 | |||
| 8cdbea59de | |||
| 8ac488bf6f | |||
| 5664f1be9e | |||
| c5f707efb9 | |||
| 27a827662e | |||
| b7c8bed727 | |||
| f059dda7eb | |||
| 4cdcf1d0b6 | |||
| 4497141061 | |||
| dfaac20b63 | |||
| 0d3bc1c16e | |||
| c88aa227fd | |||
| 3631919245 | |||
| 4a4783563e | |||
| 28d56ab59a | |||
| be97e0ab31 | |||
| 5e8ec80621 | |||
| 0efb3ea86d | |||
| c0b6a23782 | |||
| a838b3673c | |||
| f64f1f0fb7 | |||
| 3088f957e2 | |||
| 41f99a175c | |||
| 61b5d785a3 | |||
| 3fe7554e06 | |||
| 1def9ddd4a | |||
| a13d442924 | |||
| a1f206a3c0 |
@@ -1,15 +0,0 @@
|
||||
# 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`를 사용하여 커밋 메시지 규칙 준수 여부 확인 완료.
|
||||
@@ -376,7 +376,7 @@
|
||||
persistent
|
||||
>
|
||||
<v-card>
|
||||
<v-card-title>이미지 크롭</v-card-title>
|
||||
<v-card-title>이미지 크롭 (1:1 비율)</v-card-title>
|
||||
<v-card-text>
|
||||
<div class="cropper-wrapper">
|
||||
<img
|
||||
@@ -508,6 +508,7 @@ export default {
|
||||
this.cropper.destroy()
|
||||
}
|
||||
this.cropper = new Cropper(this.$refs.cropper_image, {
|
||||
aspectRatio: 1,
|
||||
viewMode: 1,
|
||||
})
|
||||
})
|
||||
@@ -534,7 +535,7 @@ export default {
|
||||
|
||||
const MAX_WIDTH = 800
|
||||
if (canvas.width > MAX_WIDTH) {
|
||||
const height = (MAX_WIDTH * canvas.height) / canvas.width
|
||||
const height = MAX_WIDTH
|
||||
const resizeCanvas = document.createElement('canvas')
|
||||
resizeCanvas.width = MAX_WIDTH
|
||||
resizeCanvas.height = height
|
||||
|
||||
Reference in New Issue
Block a user