时间:2021-05-26
现在二维码越来越流行,很多网页都会有个二维码,扫描后可通过手机浏览。
以前做类似的项目一般是在网页上生成图片,然后把图片插入到网页。
这样做不能每个页面都生成二维码。
jquery-qrcode是一个能够在浏览器端生成二维码的jquery插件。它是独立的,最小压缩之后不足4k,也没有图片下载请求。引入该类库之后,只需要一行代码,就可以很容易在web页面加上二维码。
qrcode其实是通过使用jQuery实现图形渲染,画图,支持canvas(HTML5)和table两种方式,可以到
https://github.com/jeromeetienne/jquery-qrcode
获取最新的代码。
如何使用
1、首先在页面中加入jquery库文件和qrcode插件
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.qrcode.min.js"></script>2、在页面中需要显示二维码的地方加入以下代码:
<div id="code"></div>3、调用qrcode插件
qrcode支持canvas和table两种方式进行图片渲染,默认使用canvas方式,效率最高,当然要浏览器支持html5
直接调用:
$('#code').qrcode("https://.com"); //任意字符串高级属性:
$("#code").qrcode({ render: "table", //table方式 width: 200, //宽度 height:200, //高度 text: "" //任意内容 });声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文将介绍一款基于jquery的二维码生成插件qrcode,在页面中调用该插件就能生成对应的二维码。1、首先在页面中加入jquery库文件和qrcode插件。2
jquery.qrcode.js是一个能够在客户端生成矩阵二维码QRCode的jquery插件,使用它可以很方便的在页面上生成二维条码。QRCode.jsQRC
以前只用过jQuery.qrcode生成过二维码,这次使用的是Google的zxing通过Java代码生成二维码并以流的方式输出到前台页面所需jar包:zxin
已生成的二维码无法修改内容,二维码里面的内容是固定的,只能够重新制作。二维码又称二维条码,常见的二维码为QRCode,QR全称QuickResponse,是一个
jQuery生成矢量svg二维码,并提供PNG,和SVG的页面下载,减轻服务端的压力。代码如下所示:jQuery生成svg矢量二维码二维码信息:20121107