JavaScript로 구현된 WeChat QR 코드 이미지 생성기의 예

jquery.qrcode.js는 클라이언트에서 매트릭스 QR 코드 QRCode를 생성할 수 있는 jquery 플러그인입니다. 페이지에서 2D 바코드를 쉽게 생성하는 데 사용할 수 있습니다.

QRCode.js

QRCode.js는 QR코드(QRCode) 제작 및 생성을 위한 자바스크립트 구현 라이브러리입니다. QRCode.js는 브라우저 간 호환성이 뛰어나며(상위 버전은 HTML5의 Canvas를 사용하고 하위 버전 IE는 테이블 요소를 사용하여 그림을 그립니다) QRCode.js에는 종속성이 없습니다. JS를 인용하면됩니다.

이 플러그인은 독립적으로 사용할 수 있으며 gzip 압축 후 4kb 미만으로 크기가 비교적 작습니다. 클라이언트에서 직접 생성한 바코드이기 때문에 이미지 다운로드 과정이 필요 없고 빠르게 생성이 가능합니다. 다국어 클래스 라이브러리를 기반으로 캡슐화되어 있으며 다른 추가 서비스에 의존하지 않습니다.

참고* SVG를 사용하여 QR 코드를 그리는 것도 지원합니다

기본 사용

참고* 먼저 qrcode.js를 추가해야 합니다. 빈 DIV 참조 및 생성

<div id="qrcode"></div> <script type="text/javascript"> new QRCode(document.getElementById("qrcode"), "http://jindo.dev.naver.com/collie"); </script>

선택할 수 있는 매개변수가 더 있습니다

var qrcode = new QRCode("test", {
 text: "http://jindo.dev.naver.com/collie",
 width: 128,
 height: 128,
 colorDark : "#000000",
 colorLight : "#ffffff",
 correctLevel : QRCode.CorrectLevel.H
});

QR 코드 이미지를 동적으로 변경할 수 있습니다. 매우 빠릅니다.

qrcode.clear();
qrcode.makeCode("http://naver.com");

브라우저 지원

IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile 등 거의 모든 브라우저를 지원합니다.

DEMO 주소: http://davidshimjs.github.io/qrcodejs

참고* Node.JS를 사용하여 2D를 생성하는 서버 측이 있습니다. 관심 있는 학생들은 또한 코드 사진 라이브러리 연구: https://github.com/soldair/node-qrcode

위 내용은 모두의 학습에 도움이 되기를 바랍니다. , 모두가 PHP 중국어 웹 사이트를 지원하기를 바랍니다.

JavaScript로 구현된 WeChat QR 코드 이미지 생성 관련 기사의 더 많은 예를 보려면 PHP 중국어 웹사이트를 주목하세요!