javaScript生成支持中文带logo的二维码(jquery.qrcode.js) - 源码分享
时间:2018-11-14
本文章向大家介绍jQuery-qrcode.js 生成带Logo 的二维码,需要的朋友可以参考一下
引入文件 jQuery-qrcode.js
地址:https://blog-static.cnblogs.com/files/kitty-blog/jquery-qrcode.js
https://blog-static.cnblogs.com/files/kitty-blog/jquery-qrcode.min.js
1、在页面上写img 标签 src 为 Logo 路径, 如不需要显示 则隐藏。。如 :
1 <img src="~/images/Logo.png" class="hidden" id="myLogo" />
2、页面上 写个 div 放 二维码:
1 <div id="QRCode"></div>
3、创建 带Logo 的二维码 js d代码:
1 //生成二维码 2 function createCode(QrUrl) { 3 $("#QRCode").qrcode({ 4 render: "canvas", //也可以替换为table 5 minVersion: 1, // version range somewhere in 1 .. 40 6 maxVersion: 40, 7 ecLevel: 'H', //识别度 'L', 'M', 'Q' or 'H' 8 left: 0, 9 top: 0, 10 size: 100, //尺寸 11 fill: '#000', //二维码颜色 12 background: null, //背景色 13 text: QrUrl, //二维码内容 14 radius: 0.1, // 0.0 .. 0.5 15 quiet: 2, //边距 16 mode: 4, 17 mSize: 0.2, //图片大小 18 mPosX: 0.5, 19 mPosY: 0.5, 20 label: 'jQuery.qrcode', 21 fontname: 'sans', 22 fontcolor: '#000', 23 image: $('#myLogo')[0] 24 }); 25 },
- 目标检测算法之SSD
- Hadoop学习笔记
- 利用硬链接和truncate降低drop table对线上环境的影响
- 手把手教你实现GAN半监督学习
- 【超全】C语言小白最容易犯的17种错误,你中了几个?
- Oracle 12.2新特性掌上手册 - 第五卷 RAC and Grid
- ResNet, AlexNet, VGG, Inception: 理解各种各样的CNN架构
- 机器学习实战---线性回归提高篇之乐高玩具套件二手价预测
- 【Oracle12.2新特性掌上手册】-第八卷 PDB的快速创建与移除
- 《机器学习实战》学习笔记(十一):线性回归基础篇之预测鲍鱼年龄
- 你必须要知道CNN模型:ResNet
- CNN模型之SqueezeNet
- YOLO算法的原理与实现
- Batchnorm原理详解
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法