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函数this指向问题详解 2023-08-12
- html网页中使用希腊字母的方法 2022-09-21
- 【vue】三种获取input值的写法 2023-10-08
- Ajax实现简单下拉选项效果【推荐】 2022-12-28
- JavaScript开发简单易懂的Svelte实现原理详解 2023-08-12
- ajax异步加载图片实例分析 2022-12-18
- Ajax实现关键字联想和自动补全功能及遇到坑 2023-02-23
- AJAX实现数据的增删改查操作详解【java后台】 2023-02-23
- 使用HTML5中postMessage知识点解决Ajax中POST跨域问题 2022-10-17
- vue在install时node-sass@4.14.1 postinstall:node scripts/build.js错误解决 2023-07-09
