二维码图片生成器QRCode.js简单介绍
程序员文章站
2022-09-08 22:43:04
qrcode.js是一个实现生成二维码(qrcode)的js插件。 qrcode.js有着良好的跨浏览器兼容性(高版本使用html5的 canvas,低版本ie使用tabl...
qrcode.js是一个实现生成二维码(qrcode)的js插件。 qrcode.js有着良好的跨浏览器兼容性(高版本使用html5的 canvas,低版本ie使用table元素绘制),而且qrcode.js没有任何依赖。只需要引用一个qrcode.js。
1、引入qrcode.js
<script src="qrcode.js" type="text/javascript"></script>
2、html代码
<div id="qrcode"></div>
3、js代码
//初始化qrcode对象 var qrcode = new qrcode(document.getelementbyid("qrcode")); //也可以在初始化qrcode对象,传入更多参数 var qrcode = new qrcode(document.getelementbyid("qrcode"),{ width: 128, height: 128, colordark : "#000000", colorlight : "#ffffff", correctlevel : qrcode.correctlevel.h }); //需要生成二维码的字符串 qrcode.makecode("http://www.leixuesong.cn"); //清除二维码 qrcode.clear();
4、浏览器兼容性
几乎支持所有浏览器: ie6~10, chrome, firefox, safari, opera, mobile safari, android, windows mobile.
到这里,js生成二维码插件-qrcode.js就介绍完了,qrcode.js非常的方便好用。需要注意的的是qrcode初始化传入dom对象时,必须是js原生的dom对象,不能是jquery的dom对象的,否则就会报错。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。