博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS实现网址生成二维码
阅读量:4631 次
发布时间:2019-06-09

本文共 660 字,大约阅读时间需要 2 分钟。

项目需求:动态生成网址,并在页面中根据网址生成对应的二维码

 

解决办法:

    使用    qrcode.js  插件

使用步骤:

    1、首先在页面中加入jquery库文件和qrcode插件。

     <script type="text/javascript" src="jquery.js"></script> 

             2、在页面中需要显示二维码的地方加入以下代码:       
   3.进行调用            a.普通调用          $('#code').qrcode("https://www.baidu.com"); //任意网址       b.多参数调用    
        $("#code").qrcode({            render: "table", //table方式       width: 200, //宽度       height:200, //高度       text: "www.helloweba.com" //任意内容         });
  特别注意:     由于二维码是使用canvas进行渲染,在移动端不支持rem值,要想让二维码能在不同浏览终端正常显示,需要使用JS动态给它赋值完成适配 遇到个小坑,在移动端页面上,用canvas画出来的二维码不支持长按扫描。所以必须转换为图片格式
 
   

 

转载于:https://www.cnblogs.com/qiuchuanji/p/7736523.html

你可能感兴趣的文章
FolderSync :The various features and how to use them
查看>>
LPC43xx SGPIO DMA and Interrupts
查看>>
《剑指offer》面试题16—反转链表
查看>>
multiprocessing模块
查看>>
复合数据类型,英文词频统计
查看>>
随手之题(水2)
查看>>
Day4 闭包、装饰器decorator、迭代器与生成器、面向过程编程、三元表达式、列表解析与生成器表达式...
查看>>
用vector实现二维向量
查看>>
小C的记事本(栈记录字符串)
查看>>
32道常见的Java基础面试题
查看>>
javase中HashMap迭代器的使用
查看>>
请求分页中的内存分配之续
查看>>
redis和memcached的区别
查看>>
vb 实现集合类的步骤
查看>>
转 Fedora快捷键大全
查看>>
4、Hibenrate中HQL的10中查询方式
查看>>
Apple官文中的KVO 与 FBKVOController
查看>>
手风琴特效 .
查看>>
js 秒数格式化
查看>>
堆排序
查看>>