jQuery qrcode로 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. 페이지에 표시하려면 다음 코드를 추가하세요:

<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" //任意内容
});

QR 코드를 생성하는 추가 jQuery qrcode 방법 관련 기사 PHP 중국어 웹사이트에 주목하세요!