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="qrcodeCanvas"></div> <script> jQuery('#qrcodeCanvas').qrcode({ width : 300, height : 300, text : http://www.baidu.com }); </script>
上面这段代码生成一张 300x300 的canvas二维码, 它包含的信息便是百度的网址。
3、用JS将上面的canvas内容转换成图片(png或jpg格式使其可以保存)。
首先设个img标签:
<img id="image" src="">
最后用JS代码转换:
var image = document.getElementById("image"); var canvas = document.getElementById("qrcodeCanvas").getElementsByTagName("canvas")[0]; image.src = canvas.toDataURL("image/png");完成。
相关推荐
使用jquery.qrcode生成二维码(支持中文) 原理:如果浏览器支持canvas,则使用canvas绘制二维码,否则使用table绘制,但是canvas效率比table高。 适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗...
html5+jquery.qrcode前端生成二维码海报 废话不多说直接上代码 需要使用的JS插件 <script src="js/jquery-2.1.1.min.js"> <script src="js/jquery.qrcode.min.js"></script>
jquery.qrcode.min.js 是用于生成二维码的,这里包括了二维码生成的qrcode,也有基础的使用办法
使用jquery.qrcode生成二维码
jquery.qrcode.js生成二维码插件&转成图片格式 ;"> ;"><img id='imgOne'/></div> var qrcode =$('#code').qrcode({ render : "canvas", //设置渲染方式,有table和canvas,使用canvas方式渲染性能相对来说比较...
基于jquery二维码生成插件jquery.qrcode.js在线生成二维码
使用Jquery.Qrcode生成普通或名片二维码,可以生成网址、普通文本、名片等任意二维码,并且可以添加LOGO
官网下载的qrcode.js不支持在二维码中携带logo,也不支持中文 jquery.qrcode.js可以
【解压后放在web目录】jquery.qrcode.min.js H5 html jsp生成二维码官方js库
jQuery.qrcode.js 是一个纯浏览器 生成 QRcode 的 jquery 插件,它使用非常简单,生成的 QRcode 无需下载图片,并且不依赖第三方服务(里面有例子+源码)
最近项目中需要开发生成二维码的功能,方便使用手机使用,经测试可以使用的。
jquery-qrcode的源码 jquery.qrcode.min.js 用于生成二维码
本二维码生成器,为jquery.qrcode生成二维码,现由本人稍作修改,用着更加观方便,完整实用,今天七夕节,特别大家奉上,把您的表白语用二维码的形式发送给对象,给他/她不一样的惊喜~
jquery.qrcode生成二维码 带logo。完整html例子,下载即可使用
利用jquery的jquery.qrcode.js,生成二维码,并且canvas转成图片,方便移动端保存和识别二维码进行其他的操作。如有不足处,请各位大佬批评指导。
使用 javascript jquery qrcode js 生成二维码
qrcode 二维码生成插件
前端生产二维码的js,测试过了能用,$('#qrcode').html('').qrcode({ text: "生成二维码的字符串"});
jQuery.qrcode.js客户端生成二维码,支持中文并且可以生成LOGO,此demo只提供参考,希望给需要的朋友带来帮助,谢谢支持!
js jquery.qrcode生成二维码 带logo 支持中文 详细介绍:http://happyqing.iteye.com/blog/2294628