지금 이 글을 보고 계신 분의 브라우저가 IE9, 파이어폭스, 크롬, 사파리, 오페라 등의 Canvas를 지원하는 브라우저라면 이 블로그 최하단에서 아래와 같은 QR코드를 확인하실 수 있을 것이다.

jquery.qrcode로 생성된 QR코드 기본사이즈인 256px에서 128px로 줄인 것이다
jquery.qrcode로 생성된 QR코드 기본사이즈인 256px에서 128px로 줄인 것이다. 이것보다 더 줄이면 인식이 힘드니 주의

이미 QR코드 생성기는 여러가지 프로그래밍 언어로 나와 있고 또한 그 대부분이 이미지를 출력해서 보여주는 형식이지만 이 jquery.qrcode 플러그인은 canvas를 이용하여 위와 같은 QR코드를 생성해준다.

소스 다운로드 및 데모는 아래의 링크에서 확인가능하다.
jquery.qrcode – jquery plugin for a pure browser qrcode generation

QR코드의 크기나 색상 등을 바꾸기 위해서는 소스의 해당 부분을 수정하면 되며
마지막으로 글 서두에서도 언급하였듯이 canvas를 지원하는 브라우저에서만 가능하니 주의~

Tags:

Leave a Reply

Your email address will not be published. Required fields are marked *