jQuery qrcode_jquery를 사용하여 QR 코드를 생성하는 방법

QR 코드는 이제 점점 더 인기를 얻고 있습니다. 많은 웹 페이지에 스캔 후 휴대폰을 통해 검색할 수 있는 QR 코드가 있습니다.

기존에는 비슷한 프로젝트를 할 때 웹페이지에서 이미지를 생성한 후 웹페이지에 삽입하는 방식을 주로 사용했습니다.

이렇게 하면 모든 페이지에 QR 코드를 생성할 수 없습니다.

jquery-qrcode는 브라우저 측에서 QR 코드를 생성할 수 있는 jquery 플러그인입니다. 최소한의 압축으로 4k 미만의 독립형이며 이미지 다운로드 요청이 없습니다. 이 클래스 라이브러리를 도입한 후 단 한 줄의 코드만으로 웹 페이지에 QR 코드를 쉽게 추가할 수 있습니다.

qrcode는 실제로 jQuery를 사용하여 그래픽 렌더링과 그리기를 구현합니다. 캔버스(HTML5)와 테이블을 지원합니다.

https://github.com/jeromeetienne/jquery-qrcode

최신 코드를 받으세요.

사용방법

1. 먼저 jquery 라이브러리 파일과 qrcode 플러그인을 페이지에 추가하세요

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jquery.qrcode.min.js"></script>

2. QR 코드를 표시해야 하는 페이지에 다음 코드를 추가합니다.

<div id="code"></div>

3. QRcode 플러그인 호출

qrcode는 이미지 렌더링을 위해 캔버스와 테이블의 두 가지 방법을 지원합니다. 캔버스 방법이 가장 효율적입니다. 물론 브라우저는 html5를 지원해야 합니다.

직접 전화:

$('#code').qrcode("http://www.jb51.net.com"); //任意字符串

고급 속성:

$("#code").qrcode({ 
render: "table", //table方式 
width: 200, //宽度 
height:200, //高度 
text: "www.helloweba.com" //任意内容 
});