用純JavaScript實現的微信二維碼圖片生成器

注* 以前的二給碼分享功能大可能是由後端實現的,對服務器的負載較重,這裏有一個前端實現的版本,並且性能還能夠。javascript

QRCode.js前端

QRCode.js是javascript實現二維碼(QRCode)製做生成庫。 QRCode.js有着良好的跨瀏覽器兼容性(高版本使用HTML5的 Canvas,低版本IE使用table元素繪製),並且QRCode.js沒有任何依賴。只須要引用一個JS。java

注* 它也支持使用SVG繪製二維碼git

基本使用github

注* 首先須要添加對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
});

你能夠動態地改變二維碼圖片,速度很快服務器

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

瀏覽器支持性能

幾乎支持全部瀏覽器: IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile.code

DEMO地址: http://davidshimjs.github.io/qrcodejs

相關文章
相關標籤/搜索