1、引入插件;;2、部分代码;;;;;;3、Canvas生成代码;;//默认使用Canvas生成,并显示到图片;;;var qrcode= $(#divOne).qrcode(http://www.tpxhm.com/).hide();;;;var canvas=qrcode.find(canvas).get(0);
1、引入插件
<script src="../Js/jquery-1.11.3.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.js"></script>
2、部分代码
<div id="divOne"></div>
<img id='imgOne' style='border:1px solid red;'/>
3、Canvas生成代码
<script>
//默认使用Canvas生成,并显示到图片
var qrcode= $('#divOne').qrcode('http://www.tpxhm.com/').hide();
var canvas=qrcode.find('canvas').get(0);
$('#imgOne').attr('src',canvas.toDataURL('image/jpg'))
</script>
织梦狗教程
本文标题为:jquery.qrcode.js生成二维码并转成图片格式


基础教程推荐
猜你喜欢
- JavaScript垃圾回收机制(引用计数,标记清除,性能优 2022-08-31
- 关于ajax异步访问数据的问题 2023-02-23
- 原生ajax瀑布流demo分享(必看篇) 2023-02-01
- ajax实现数据分页查询 2023-01-31
- Ajax提交表单并接收json实例代码 2023-02-13
- Unicode中的常用字母小结 2022-09-21
- AJax 把拿到的后台数据在页面中渲染的实例 2023-02-22
- 纯javascript的ajax实现php异步提交表单的简单实例 2022-12-28
- 在IE中为abbr标签加样式 2022-10-16
- 解决:layUI数据表格+简单查询 2022-12-16