jquery怎么实现url地址生成二维码实例

Posted 2023-05-09

如果是一个固定的二维码，我们只需要在网上找个地方生成图片，然后放上图片就可以了。但如果是地址不固定需要根据页面来生成的话。就有两种做法，一个是后端根据页面做一个动态的二维码。一种是前端使用插件生成。

本文要推荐的是一个jQuery二维码插件，它可以根据你设定的地址来生成一个二维码，二维码可以有div格式的，也有Canvas格式的，canvas的支持自定义logo和文字在上面。

jquery.qrcode.js 是把它用jquery 方式封装起来的，用它来实现图形渲染，其实就是画图支持canvas 和table 两种方式

支持的功能主要有：

1.text : "https://github.com/jeromeetienne/jquery-qrcode" //设置二维码内容 render，canvas

2.width :256, //设置宽度

3.height : 256, //设置高度

4. typeNumber : -1, //计算模式

5.correctLevel : QRErrorCorrectLevel.H,//纠错等级

6.background : "#ffffff", //背景颜色

7.oreground : "#000000" //前景颜色

参考技术A 请参考菜鸟教程的QRCode.js,清楚详细
http://www.runoob.com/w3cnote/javascript-qrcodejs-library.html

怎么设置js生成二维码扫描出来的内容

可以使用juqery的 qrcode来实现！
1， 引入 jquery 及其qrcode 插件js: jquery.js , jquery.qrcode.min.js

2 , 指定一个二维码容量元素： <div id="qrcode"></div>
3 , 在指定的容量元素中生成二维码: jquery('#qrcode').qrcode("这里是想要扫描后的获得的地址"); 参考技术A 在设置二维码的内容的时候，js里面调用生成二维码方法时，设置text的值就可以了！