当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 二维码图片生成器QRCode.js简单介绍

二维码图片生成器QRCode.js简单介绍

2017年12月12日  | 移动技术网IT编程  | 我要评论

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对象的,否则就会报错。

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

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网