====== 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
템플릿 파일
* [[xf5projecthome>template/screen/HTML5/COMPONENT/QRCODE/qrcode_basic.xml|qrcode_basic.xml]]
* [[xf5projecthome>template/screen/HTML5/COMPONENT/QRCODE/qrcode_basic.js|qrcode_basic.js]]
* [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/QRCODE/qrcode_basic|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
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);
}
}