jquery QRcode
오늘은 QR코드를 만들어 볼려고 합니다. 바코드 자체도 훌륭하지만 보통 숫자만 쓸 수 있고
영어까지 포함한 바코드 체계를 쓰면 양 옆으로 너무 길어지는 형상이 있습니다.
그래서 나온게 3차원 바코드 QR코드죠 7089글자가 인식 가능하니 사실상
현재로는 가능한 충분한 데이터를 그 작은 네모안에 표현할 수 있습니다.
그래서 오늘은 QR코드를 jquery로 만드는 방법을 알아보려고 합니다.
▼개발자 사이트는 아래와 같습니다.
우리 익스프레스 강의를 들어온 개발자 분들에게
간단한 예제릴 만들어 봤습니다.
▼ 아래 파일을 모두 다운로드 해서 gocoder_qrcode.html를 실행시켜보면 됩니다.
gocoder_qrcode.html
jquery.qrcode.js▼ 소스는 아래와 같습니다. qrcode()라는 놈을 잘 활용하면 될거 같습니다.
<html>
<body>
<script src="https://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="jquery.qrcode.js"></script>
<script type="text/javascript" src="qrcode.js"></script>
<div id="gcDiv"></div>
<script>
jQuery("#gcDiv").qrcode({ //qrcode 시작
render : "table", //table, canvas 형식 두 종류가 있다.
width : 100, //넓이 조절
height : 100, //높이 조절
text : "http://gocoder.tistory.com/" //QR코드에 실릴 문자열
});
</script>
</body>
</html>
▼ 결과물은 아래와 같습니다.
마무리
QR코드는 정말 혁명이 아닌가 싶습니다.
'IT_Developers > Javascript' 카테고리의 다른 글
| JavaScript - 프론트에서 서버 시간 얻기 (0) | 2017.12.22 |
|---|---|
| jQuery - 게시판 정렬하기 / Table sort (0) | 2017.12.05 |
| jQuery | Plugin - select 박스 검색 가능하게 (3) | 2017.11.02 |
| Javascript - 아이폰,안드로이드 기기 체크 (0) | 2017.11.02 |
| jQuery - 바코드(barcode) 만들기 (4) | 2017.09.04 |
댓글