QR코드 기본 가이드

이 화면은 QR코드 샘플화면이다.

QR코드 컴포넌트는 QR코드를 생성하는 컴포넌트이다.

QR코드 컴포넌트를 사용하기 위해서는 qrcodejs 라이브러리가 필요하다.

qrcodejs 라이브러리 위치는 xframe5.js의 ENGINEURL 하위에 /ext/lib 디렉토리이다(기본경로: C:/xframe5/xf5/ext/lib/qrcode.min.js).

관련 속성으로 correct_level이 있다.

관련 이벤트로 on_click가 있다.

관련 API로 settext, getcorrectlevel, setcorrectlevel, getimagedata가 있다.

템플릿 위치: /HTML5/COMPONENT/QRCODE/qrcode_basic

템플릿 파일

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

function btnSettext_on_mouseup(objInst)
{
	var qrcode_value;

	// 값 구하기
	qrcode_value = this.qrcode3.gettext();

	// 0 추가하기
	qrcode_value = qrcode_value + "0";

	// 값 입력
	this.qrcode3.settext(qrcode_value);
	this.txtValue.settext("[현재 값] " + qrcode_value);
}

function btnSetcorrectlevel_on_mouseup(objInst)
{
	var correct_level, correctlevel_txt;

	// correct_level 구하기
	correct_level = this.qrcode4.getcorrectlevel();
	console.log("기존 오류 복원 레벨(correct_level) = " + correct_level);

	// correct_level 변경
	correct_level = (correct_level + 1) % 4;
	console.log("새로운 오류 복원 레벨(correct_level) = " + correct_level);

	switch (correct_level) {
		case 0:
		    correctlevel_txt = "0: Low";
		    break;
		case 1:
		    correctlevel_txt = "1: Medium";
		    break;
		case 2:
		    correctlevel_txt = "2: Quartile";
		    break;
		case 3:
		    correctlevel_txt = "3: High";
		    break;
	}

	// correct_level 변경
	this.qrcode4.setcorrectlevel(correct_level);
	this.txtCorrectLevel.settext("[현재 오류 복원 레벨] " + correctlevel_txt);
}

function btnGetimagedata_on_mouseup(objInst)
{
	var strBase64EncodeImageData;

	strBase64EncodeImageData = this.qrcode5.getimagedata();
	if (0 < strBase64EncodeImageData.length) {
		this.img.setimagedata(strBase64EncodeImageData);
	}
}