多语言展示
当前在线:537今日阅读:168今日分享:49

如何使用jquery.qrcode在页面生成二维码

二维码在现实生活中的用处非常广泛,本文介绍使用jquery.qrcode.js来制作属于自己的二维码。
工具/原料
1

vs2015

2

jquery.qrcode.js

方法/步骤
1

搜索下载jquery.qrcode.js文件,该文件是生成二维码的核心文件。

2

将上面下载的js文件,引入到需要使用的项目中。

3

新建页面html文件,并将js引入到页面。

4

在新建页面,添加二维码生成的包裹容器。 

5

编写js,通过js来为div加载不同的二维码。$('#qrcodeCanvas').qrcode({                render: 'canvas',//渲染方式,只是canvas、table                text: 'Hello  Word',//二维码的内容                width: '140',//二维码宽度                height: '140',//二维码高度                background: '#ffffff',//二维码背景色                foreground: '#005b7e'//二维码前景色            });

6

保存编辑的html页面,并运行,在页面就可以看到生成的二维码。

注意事项

具体更多使用方式,请参考qrcode的API文档

推荐信息