javascript만으로 QR코드를 만들어 주는 jQuery 플러그인 - jquery.qrcode

지금 이 글을 보고 계신 분의 브라우저가 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를 지원하는 브라우저에서만 가능하니 주의~

최근 한달간 인기글

이 글의 관련글

REPLY AND TRACKBACK RSS http://blog.nemesys.co.kr/tt/rss/response/946
REPLY AND TRACKBACK ATOM http://blog.nemesys.co.kr/tt/atom/response/946
TRACKBACK ADDRESS
이 글에는 트랙백을 보낼 수 없습니다
REPLY RSS http://blog.nemesys.co.kr/tt/rss/comment/946
REPLY ATOM http://blog.nemesys.co.kr/tt/atom/comment/946
이름 / Name : *
비밀번호 / Password : *
홈페이지 / Homepage :
비밀글 / Secret :
*1  ... *407  *408  *409  *410  *411  *412  *413  *414  *415  ... *1133 
SNS + RSS Links
rss
다음 일간 이슈 검색어
Since 2006 Nes's Random Blogz
Total 10717695 T2019 Y2046

2526

1934

google chart api graph

-30 days

today : 2019

전체 (1133)
Nes이야기 (123)
하드웨어이야기 (260)
소프트웨어이야기 (27)
외국어이야기 (12)
IT/웹이야기 (248)
연예계/방송이야기 (145)
게임이야기 (96)
광고/제품이야기 (58)
여행/먹거리이야기 (45)
세상이야기 (98)
최근에 쓴 글
구글 딥마인드 알파고가 이세돌을 꺾은날, 애드센스로 ...
구글 설문지(구글 폼)에서 정규식으로 입력 내용 사전 ... (1)
유플러스 tv g 4k uhd 셋톱박스를 신모델인 tvg 우퍼2... (9)
신장의 야망 창조 전국입지전 - 삼국지 13의 재미를 뛰... (2)
구글 애널리틱스(Google Analytics) 보고서 및 대시보...
그래픽카드 견적을 뺀 이번 조립컴퓨터, 스카이레이크 ... (1)
기어s 웨어러블 요금제로도 올레 맴버쉽 포인트 사용이...
안드로이드 롤리팝 포팅 버전 기어s 3g 요금제 가입 후... (2)
tasker http post 기능을 활용해 스마트폰 이벤트를 sl...
삼국지13 간단 후기 - 역대 장수제 시리즈의 정점을 찍...
네이버 웹마스터도구에 블로그와 RSS 주소 등록 후 10...
네이버 웹마스터도구 개편이 불러온 검색로직 및 트래...
삼성 갤럭시 기어s 롤리팝 포팅 후기 및 앱 사용기 (1)
삼성 갤럭시 기어s에 안드로이드 롤리팝 올리기 성공! (3)
CPU 잡아먹는 어베스트 avast mft utility(mftutil.exe...
유플러스 TVG 롤리팝 업데이트 후기(via 기기교체!!) (1)
블로그 포스팅이 점점 줄어드는 이유
u+ tv g 롤리팝 업데이트를 하릴없이 기다리며 써본 간... (9)
허니버터칩은 과연 꼬꼬면의 숙명을 피할 수 있을 것인가? (3)
LG유플러스 U+ tvg 4K UHD 간단 사용기 및 신구형 셋톱... (2)
구글 애널리틱스 웹로그 분석 공인 전문가 자격 인증 ...
스마트폰 사용 패턴 통계 및 분석 with Tasker & Googl... (5)
갤럭시 기어1 - 루팅 및 안드로이드 null롬 올린 후 두... (1)
옵티머스G프로 킷캣 업데이트 후 폰트변경 - 나눔바른...
갤럭시 기어1 - 루팅 및 안드로이드 커스텀 롬 사용기 ... (5)
구글 애널리틱스 UA 업그레이드 이후 애드센스 통계 안...
스마트폰 화면 밝기 어둡게해 야밤에 시력 보호하는 방법 (1)
블루투스 휴대용 스피커 로지텍 UE Boom 간단 리뷰 및 ...
구글 스프레드시트가 canvas를 활용해 만들어졌다니!! (1)
구글 드라이브 스프레드시트(엑셀)의 놀라운 기능 impo...