QRCode.js:基于JQuery的生成二维码JS库的使用
1. QRCode.js
QRCode.js是一个二维码生成javascript库;支持跨浏览器的HTML5 Canvas和表格标签的DOM操作;并且不依赖其它的库或拓展。
主页:QRCode.js
Github:davidshimjs/qrcodejs
2. 用法
2.1 基础用法
<div id="qrcode"></div> <script type="text/javascript"> new QRCode(document.getElementById("qrcode"), "https://www.gzpblog.com"); </script>
2.2 传参用法
<div id="qrcode"></div> <script type="text/javascript"> var qrcode = new QRCode(document.getElementById("qrcode"), { text: "https://www.gzpblog.com", width: 128, height: 128, colorDark : "#000000", colorLight : "#ffffff", correctLevel : QRCode.CorrectLevel.H }); </script>
2.3 调用函数
qrcode.clear(); // 清除二维码 qrcode.makeCode("https://www.gzpblog.com"); // 创建一个新的二维码
3. 适用范围
之前用PHP QR Code来生成二维码,发现通过这个PHP插件来生成,有些小问题;它内部集成得不是很好,不是很适合用来直接展示二维码到浏览器上,样式不好控制(不保存二维码文件的情况下)。
而使用QRCode.js可以非常方面地控制样式,就像一张图片一样来用,因为图片直接输出到
<div id="qrcode"></div>
中,非常可控。就像之前微信支付官方的sdk,phpsdk是用的phpqrcode来生成,改成QRCode.js,之后,一个简单的效果:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
相关推荐
-
javaScript生成支持中文带logo的二维码(jquery.qrcode.js)
本文实例为大家分享了支持中文,且带logo的二维码的生成代码,供大家参考,具体内容如下 资料搜索 选择star最多的两个 第一个就是用的比较多的jquery.qrcode.js(但不支持中文,不能带logo)啦,第二个支持ie6+,支持中文,根据第二个源代码,使得,jquery.qrcode.js,支持中文. 支持中文 //qrcode.js function QR8bitByte(data) { this.mode = QRMode.MODE_8BIT_BYTE; this.data = da
-
使用jquery.qrcode.js生成二维码插件
二维码应用已经渗透到我们的生活工作当中,您只需要用手机对着二维码"扫一扫"即可获得所对应的信息,方便我们了解商家.购物.观影等等.本文将介绍一款基于jquery的二维码生成插件qrcode,在页面中调用该插件就能生成对应的二维码. 1.qrcode其实是通过使用jQuery实现图形渲染,画图,支持canvas(HTML5)和table两种方式, github源码地址:https://github.com/jeromeetienne/jquery-qrcode 参数说明: render
-
二维码图片生成器QRCode.js简单介绍
QRCode.js是一个实现生成二维码(QRCode)的js插件. QRCode.js有着良好的跨浏览器兼容性(高版本使用HTML5的 Canvas,低版本IE使用table元素绘制),而且QRCode.js没有任何依赖.只需要引用一个QRCode.js. 1.引入qrcode.js <script src="qrcode.js" type="text/javascript"></script> 2.HTML代码 <div id=&qu
-
使用JS 插件qrcode.js生成二维码功能
效果图: qrcode.js这是一个使用比较多的js生成二维码的插件,使用也很方便,第一次用,记录一下使用方法: 首先,导入js,这个网上可以找到,附上地址:https://github.com/davidshimjs/qrcodejs/ jsp: <script type="text/javascript" src="<%=basePath %>bootstrap/js/qrcode.js" charset="UTF-8"&g
-
js基于qrcode.js生成二维码的方法【附demo插件源码下载】
本文实例讲述了js基于qrcode.js生成二维码的方法.分享给大家供大家参考,具体如下: 调用qrcode.js文件代码: <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"/> <script src="js/qrcode.js"></script> <style> #qr
-
QRCode.js:基于JQuery的生成二维码JS库的使用
1. QRCode.js QRCode.js是一个二维码生成javascript库:支持跨浏览器的HTML5 Canvas和表格标签的DOM操作:并且不依赖其它的库或拓展. 主页:QRCode.js Github:davidshimjs/qrcodejs 2. 用法 2.1 基础用法 <div id="qrcode"></div> <script type="text/javascript"> new QRCode(documen
-
JS实现将链接生成二维码并转为图片的方法
本文实例讲述了JS实现将链接生成二维码并转为图片的方法.分享给大家供大家参考,具体如下: <div id="code"></div> <img id="img"/> <script type="text/javascript"> var qrcode=$("#code").qrcode({ render:'canvas||table', width: 200, //宽度 heig
-
使用jQuery.Qrcode插件在客户端动态生成二维码并添加自定义Logo
0 Jquery.Qrcode简介 Jquery.Qrcode.js是一个在浏览器端基于Jquery动态生成二维码的插件,支持Canvas和Table两种渲染方式,它的优点是在客户端动态生成,减轻了服务端压力,尤其是在大量使用二维码的系统中.Jquery.Qrcode主要包括以下参数设置: •render 定义二维码的渲染方式,有table和canvas两种渲染方式 •width 定义二维码的宽度 •height 定义二维码的高度 •text 定义二维码内容 •typeNumber 二维码的计算
-
PHP基于phpqrcode类生成二维码的方法详解
本文实例讲述了PHP基于phpqrcode类生成二维码的方法.分享给大家供大家参考,具体如下: 使用PHP语言生成二维码,还是挺有难度的,当然调用生成二维码图片的接口(比如:联图网http://www.liantu.com/的接口)除外,如果自己写代码生成,真的无从下手.然而,我们可以使用phpqrcode这个现成的类文件,PHP二维码生成类库,利用它可以轻松生成二维码. 前期准备: 1.phpqrcode类文件下载,下载地址:https://sourceforge.net/projects/p
-
PHP基于phpqrcode类生成二维码的方法示例详解
HP QR Code是一个PHP二维码生成类库,利用它可以轻松生成二维码,官网提供了下载和多个演示demo,查看地址: http://phpqrcode.sourceforge.net/ 下载官网提供的类库后,只需要使用phpqrcode.php就可以生成二维码了,当然您的PHP环境必须开启支持GD2. phpqrcode.php提供了一个关键的png()方法,其中 参数$text表示生成二位的的信息文本: 参数$outfile表示是否输出二维码图片 文件,默认否: 参数$level表示容错率,
-
PHP基于phpqrcode类库生成二维码过程解析
phpqrcode类库官网下载地址: https://sourceforge.net/projects/phpqrcode/ 1.我们先看看php是怎么生成二维码的 1.首先我们先下载一下 phpqrcode 类库. 2.下载完后解压我们会发现 phpqrcode文件夹 里面有一堆的文件,但是我们只需要找到 phpqrcode.php文件复制, 跟 index.php 文件放在一起即可,而 index.php 就是你生成二维码的php代码. 3.接下来就是代码环节了,复制以下代码黏贴到php文件
-
qrcode生成二维码微信长按无法识别问题的解决
最近用QRCode.js 生成二维码之后,发现在小米和华为手机的微信上面页面长按识别不了,苹果和其他手机浏览器是正常的.qrcode在页面生成会生成一个canvas标签和一个img标签,在电脑浏览器上调试的时候发现生成二维码之后canvas标签是会自动隐藏的,然后展示img标签,然后通过vConsole 发现在小米或者华为手机上生成的二维码是通过canvas展示的,img标签被隐藏,而且img.src没有任何内容.怀疑是浏览器兼容问题. jquery.qrcode.js 是一个纯浏览器 生成 Q
-
vue中实现动态生成二维码的方法
最近项目中有个裂变分享的需求,需要在页面中根据分享人的身份动态生成二维码图片放置在页面中,所以研究了一下这个功能的实现,同时把实现过程记录如下: 1.引入二维码生成模块 npm install qrcodejs2 --save 注意:此处安装qrcodejs2,安装依赖后可在main方法中进行全局引用设置,也可单独某个页面中进行引用设置. 2.引入使用 import QRCode from 'qrcodejs2'; 备注:在main中设置全局可使用 Vue.prototype.qrCode 3.
-
php生成二维码图片方法汇总
第一种方法: 1,第一种方法:利用使用最广泛,最方便的Google api技术实现: 2 ,<?php //封装生成二维码图片的函数(方法) /* 利用google api生成二维码图片 $content:二维码内容参数 $size:生成二维码的尺寸,宽度和高度的值 $lev:可选参数,纠错等级 $margin:生成的二维码离边框的距离*/ function create_erweima($content, $size = '100', $lev = 'L', $margin= '0') { $
随机推荐
- 比较经典技术普及帖 以你刚才在淘宝上买了一件东西
- 获取当前点击按钮的id用this.id实现
- JavaScript实现数组在指定位置插入若干元素的方法
- 使用 Iisftp.vbs 设置Active Directory 用户隔离
- asp.net读取磁盘文件、删除实例代码
- Python 基础教程之闭包的使用方法
- asp循环行数输出函数
- MySQL异常处理浅析
- Mysql 行级锁的使用及死锁的预防方案
- jQuery实现的导航条切换可显示隐藏
- 单点登录 Ucenter示例分析
- SQL Server UPDATE语句的用法详解
- 数据结构中的各种排序方法小结(JS实现)
- java书店系统毕业设计 总体设计(1)
- 《智慧与思考》,仅用思考就免费获得智慧
- 易达网络为您提供的100MB免费空间服务
- tornado 多进程模式解析
- Python3.0中普通方法、类方法和静态方法的比较
- layui递归实现动态左侧菜单
- Linux下Pycharm、Anaconda环境配置及使用踩坑