html: 加一个div

<div id="qrcode"></div>

    <script type="text/javascript">$('#qrcode').qrcode({render: "canvas", //设置渲染方式,有table和canvas,使用canvas方式渲染性能相对来说比较好text: 'http%3a%2f%2fpeiyinxiu.com%2fcms%2fqr_login%3f_b%3dfcdfd5b10b436b4aecc25de0d9961615%26type%3dqrcode_login%26timestamp%3d1555916136', //扫描二维码后显示的内容,可以直接填一个网址,扫描二维码后自动跳向该链接width: 150, //二维码的宽度height: 150,//二维码的高度background: "#ffffff", //二维码的后景色foreground: "#000000", //二维码的前景色src: '/Imgs/favicon.ico',//logo地址imgWidth: 32,//logo宽度imgHeight: 32//logo高度});</script>

js:引用

<script src="/Js/jquery-1.8.0.min.js"></script>
    <script src="/Js/jquery.qrcode.min.js"></script>

jquery.qrcode.js下载地址(with logo)

注意:有的jquery.qrcode.js不带src属性的。也可以换其他方式实现二维码+Logo。但我下载的这个带src属性的用起来简单方便

jquery.qrcode.js生成二维码相关推荐

  1. jquery.qrcode.js生成二维码插件转成图片格式

    1.qrcode其实是通过使用jQuery实现图形渲染,画图,支持canvas(HTML5)和table两种方式, github源码地址: https://github.com/jeromeetien ...

  2. qrcode.js 生成二维码包含logo和背景图片及IE下载二维码

    思路: 1. 通过qrcode.js 生成带logo的二维码 2. 将背景图片.logo与生成的二维码图通过canvas 绘制在一起形成一个新的canvas 3. 将canvas 转成base64的u ...

  3. JQuery qrcode插件生成二维码,并转换为image图片可识别

    前言 插件是基于jquery的,必须先引入jquery再引入qrcode插件 1.引入jquery 和 jQuery qrcode插件 引入jq <script src="https: ...

  4. qrcode——js生成二维码

    1.引入 qrcode.min.js(点击下载demo) 2.html: <div id="qrcode"></div> js: var qrcode = ...

  5. 利用qrcode.js生成二维码,并点击按钮下载二维码图片(亲测可用)

    话不多说,先上代码(复制即用): <!DOCTYPE html> <html lang="en"> <head><meta charset ...

  6. 前端QRCode.js生成二维码插件

    填报二维码生成 http://code.ciaoca.com/javascript/qrcode/demo/ git仓库地址 <el-table :data="scenicForm&q ...

  7. QRCode.js 生成二维码详细API和参数

    参考:https://www.runoob.com/w3cnote/javascript-qrcodejs-library.html 运行代码:https://www.runoob.com/try/t ...

  8. 前端QRCode.js生成二维码(解决长字符串模块和报错问题)

    QRCode 用法 1.使用npm安装到你的项目中 npm install qrcode2 --save 使用commonjs或者es6模块方式导入 var QRCode = require('qrc ...

  9. qrcode.js生成二维码,无法识别

    参数很多很长的时候,生成的二维码很乱很大,导致超过了原来的image宽高,二维码边缘部分没有完整显示. 1.一开始把image的宽高放大,二维码原来被截取的部分显示了一些但是还是不够.没有出现完整的二 ...

  10. qrcode.js使用js生成二维码(并下载)的实践

    知识点 base64数据形式 Base64是一种用64个字符来表示任意二进制数据的方法. – 廖雪峰官方网站 Base64编码有哪些情景需求? – 知乎 案例场景 后台生成邀请链接,前端拿到链接之后处 ...

最新文章

  1. mysql -d_mysqld
  2. 了解使用Android ConstraintLayout
  3. 【PTA天梯赛CCCC -2017决赛L2-3】图着色问题 (25 分)(图染色)
  4. iOS_03_关键字、标识符、注释
  5. python list 元素位置_Python将list中某个元素移至末尾
  6. fiddler运行原理_fiddler工作原理
  7. 计算机职称专业分类明细,职称分类一览表
  8. 怎么制作gif动态图,静态图片转成动态图的方法分享!
  9. 命令行修改微信小程序开发AppId
  10. 艾司博讯:拼多多拒收快递运费谁来付
  11. 阿里暑期实习生面试经验-数据分析岗位
  12. Spring Boot Post接口数据加解密
  13. JavaWeb、JSP、Html实现指定账号密码登录
  14. 基于Laravel 框架的内容管理系统
  15. python培训浦东
  16. python实现Rot古典密码加解密
  17. 前端常用设计模式(1)--装饰器(decorator)
  18. 秒杀活动,提高性能,防止超卖,订单超时
  19. 汉字字符内码查询_VB小程序,字符与内码
  20. IRS的信道估计基础代码

热门文章

  1. Python实例3:中文词语统计
  2. python中rand和randn_Numpy中np.random.rand()和np.random.randn() 用法和区别详解
  3. 【程序人生】有个程序员男朋友是什么体验?被公开吐槽
  4. c#微信企业号开发之消息推送
  5. 服务器白屏维修,液晶屏故障汇总及检修方法之一(白屏)
  6. Linux - Assuming drive cache:write througu /dev/sda1 contains a file system with errors,check forced
  7. 服务器主板不装系统进不去BIOS,bios进不去怎么装系统
  8. 用matlab实现线性系统的频域分析,用matlab实现线性系统的频域分析.doc
  9. xposed android 4.4.2,xposed新版54
  10. C#读取srt字幕格式文件显示字幕