안녕하세요 그레이프시티입니다.

문의 주신 Qrcode 컨트롤의 value 속성 값을 QR 코드 하단 혹은 우측에 표기하는 방법에 대해 답변 드립니다.

아쉽게도 QrCode 컨트롤은 value 속성 값 표기 여부를 설정하는 속성 혹은 메서드를 지원하지 않습니다.

getElementById 메서드를 이용하여 div 태그의 인스턴스를 전달 받은 후, 해당 인스턴스를 사용하여 태그의 innerText 속성을 QrCode 컨트롤의 value 속성 값으로 설정해 표기할 수 있습니다.

아래의 샘플을 참고해 보시기 바랍니다.

샘플은 다음과 같이 구현되었습니다.

1. QrCode 컨트롤을 생성한 후, 컨트롤 아래에 id 속성이 지정된 div 태그를 생성합니다.
2. getElementById 메서드를 이용하여 id 속성이 지정된 div 태그의 인스턴스를 전달 받습니다.
3. 전달 받은 인스턴스를 이용하여 해당 태그의 innerText 속성을 QrCode 컨트롤의 value 값으로 설정합니다.
4. QrCode 컨트롤의 value 값이 지정된 div 태그의 id 선택자를 이용하여 CSS margin 속성을 설정해 위치를 지정합니다.

- value API 문서

API 문서를 공유 드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다.

감사합니다.

그레이프시티 드림