(수정 중) [i-AUD] ShowImageEditor API의 이미지 에디터 팝업에 기능이 추가되었습니다.

page no.  151650537

1. 기능 설명

a. 업로드 단계에서 용량을 축소해 저장할 수 있도록 Matrix.ShowImageEditor API를 통해 표시되는  이미지 에디터에 「압축 용량」 입력 필드가 추가되었습니다.

b. 이미지 에디터에 붙여넣은 이미지를 삭제하거나 교체할 수 있는 기능도 추가되었습니다.

2. 주요 기능

a. 「압축 용량」 입력 필드 추가

• Matrix.ShowImageEditor API를 호출하여 이미지 에디터 팝업을 오픈하는 경우에만 압축 용량 입력 필드가 노출됩니다.
• 이미지 선택 팝업의 [클립보드 복사]에서 이미지 에디터가 열리는 경우 「압축 용량」 입력 필드가 출력되지 않습니다.

[이미지 에디터 화면 추가]

b. 그 외 기능

• 이미지 삭제·교체 기능은 Matrix.ShowImageEditor API, Image 컨트롤의 이미지 선택 팝업 내 [클립보드 복사] 에서 이미지 에디터가 열리는 양 경로에서 공통으로 동작합니다.

3. 이미지 압축

a. i-AUD 보고서에서 ScriptEditor를 열어, Matrix.ShowImageEditor API를 호출하여 이미지 에디터를 엽니다.

• • • 이미지 선택 팝업의 [클립보드 복사]에서 이미지 에디터가 열리는 경우 「압축 용량」 입력 필드가 출력되지 않습니다.

Matrix.ShowImageEditor(function (p) {
	// callback function
	// p.FolderName;
	// p.ImageName;
	// p.ImageWidth;
	// p.ImageHeight;
});

b. 클립보드에 복사된 이미지를 Ctrl+V 로 붙여 넣고, 「압축 용량」 입력 필드 우측에 현재 이미지의 용량을 확인합니다.

[이미지 붙여넣고 현재 이미지 용량 부분 이미지 추가]

c. 필요 시 「압축 용량」 값을 입력하고 미리보기에서 결과를 확인합니다. 

d. 「압축 용량」 값을 입력한 상태에서 [저장] 을 누르면, 미리보기에 보이는 압축 이미지로 업로드할지 묻는 확인창이 표시됩니다. [예] 선택 시 미리보기 상태 그대로 업로드됩니다.

4. 이미지 삭제

[이미지 삭제 시 안내 메세지 출력 화면 추가]

a. 이미지 에디터에 이미지가 표시된 상태에서 이미지를 클릭 후 Delete 키를 누르면 "이미지를 삭제하시겠습니까?" 확인창이 표시됩니다.

b. [예] 선택 시 화면이 초기 상태로 돌아가며, 파일명은 초기화되고 「압축 용량」 값은 0 으로 초기화되며 우측의 원본 용량 표시도 사라집니다.

• • • 텍스트 입력란에 커서가 있을 때 는 해당 입력 란의 문자가 지워집니다.

5. 이미지 교체

[이미지 교체 전 후 화면 추가]

a. 이미지 에디터에 이미지가 표시된 상태에서 다른 이미지를 클립보드에 복사한 후, 이미지 영역을 클릭하고 Ctrl + V 를 누르면 새 이미지로 즉시 교체됩니다.

b. 이미지 교체 시 파일명은 초기화되며, 「압축 용량」 값은 0 으로 초기화되고 우측의 원본 용량 표시는 새 이미지 기준으로 갱신됩니다.