이미지 크기 변경 저장

이미지 컴포넌트의 이미지 크기 변경 저장 처리 화면이다.

getimagefileobject API를 통해서 이미지 파일 데이터에 대한 크기 및 품질을 지정하면서 HTML File 오브젝트를 생성하는 기능을 제공한다.

관련 API로 getimagefileobject가 있다.

관련 화면 API로 savefile이 있다.

템플릿 위치: /HTML5/COMPONENT/IMAGE/image_resizesave

템플릿 파일

• image_resizesave.xml
• image_resizesave.js
• 새창으로 실행

// "PNG 저장" 버튼 이벤트
function btn_getimagefileobject_png_on_click(objInst)
{
	var file_png;

	// PNG 형식으로 HTML File 오브젝트 생성
	file_png = img.getimagefileobject("image.png");

	// 파일 크기 표시
	factory.consoleprint("file_png size = " + file_png.size);

	// 파일 저장 처리
	screen.savefile(file_png);
}

// "JPG 저장(품질 100%)" 버튼 이벤트
function btn_getimagefileobject_jpg_100_on_click(objInst)
{
	var file_jpg;

	// JPG 형식으로 HTML File 오브젝트 생성
	file_jpg = img.getimagefileobject("image100.jpg", 0, 0, 0, 1); // 품질 최상

	// 파일 크기 표시
	factory.consoleprint("file_jpg size = " + file_jpg.size);

	// 파일 저장 처리
	screen.savefile(file_jpg);
}

// "JPG 저장(품질 50%)" 버튼 이벤트
function btn_getimagefileobject_jpg_50_on_click(objInst)
{
	var file_jpg;

	// JPG 형식으로 HTML File 오브젝트 생성
	file_jpg = img.getimagefileobject("image50.jpg", 0, 0, 0, 0.5); // 품질 중간

	// 파일 크기 표시
	factory.consoleprint("file_jpg size = " + file_jpg.size);

	// 파일 저장 처리
	screen.savefile(file_jpg);
}

// "이미지 크기 지정 저장" 버튼 이벤트
function btn_getimagefileobject_size_on_click(objInst)
{
	var file_png;

	// PNG 형식으로 특정 이미지 크기로 HTML File 오브젝트 생성
	file_png = img.getimagefileobject("image_size.png", 2,
		this.fld_imagewidth.gettext(), this.fld_imageheight.gettext());

	// 파일 크기 표시
	factory.consoleprint("file_png size = " + file_png.size);

	// 파일 저장 처리
	screen.savefile(file_png);
}