欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

二维码图片生成器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对象的,否则就会报错。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。