微信小程序生成二维码的示例代码
更新时间：2019年03月29日 10:01:01 作者：dillon_fly
这篇文章主要介绍了微信小程序生成二维码的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
好久没有写文章了，最近公司要做海报分享的活动，需要在小程序中生成扫了之后可以跳转普通网页的二维码，就在github上面找了一下，确实找到了一个兼容兼容性比较不错的，给打加分享一下。
中间尝试了不少，有些在Android上上城会出现问题，亲测这个有效，兼容比较好，已经应用到我们项目中了。
由于在使用便利性方面考虑，我对这个进行了一定的改动，新增了二维码白边功能和支持回调函数直接获取临时文件的功能，希望能够帮助到大家。
github地址
weapp-qrcode 点击查看(欢迎star)，其中附有源工程地址
使用
在github上下载工程，主要用到的文件是/utils/weapp-qrcode.js文件
引入文件：
可以将文件直接放在自己工程下面引入使用
import QRCode from '/utils/weapp-qrcode.js'
使用：
new QRCode('myQrcode',{
text: 'http://www.tongxingschool.com',
width: 200,
height: 200,
padding: 12, // 生成二维码四周自动留边宽度，不传入默认为0
correctLevel: QRCode.CorrectLevel.L, // 二维码可辨识度
callback: (res) => {
console.log(res.path)
// 接下来就可以直接调用微信小程序的api保存到本地或者将这张二维码直接画在海报上面去，看各自需求
}
})
结构：
<canvas class="canvas-code"canvas-id="myQrcode" style="background:#fff;width: 200px;height: 200px;"/>
注意事项
- 而宽高，js代码和结构中的宽高需要一致，宽高的样式一定要写成内联样式，不然会有意想不到的效果😁
- padding的颜色自己控制即可，canvas的背景色就是留边的颜色
- correctLevel是生成二维码可辨识度的级别，级别越高可辨识度越高，从低到高以此是M、L、H、Q
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了JavaScript实现的SHA-1加密算法,以完整实例形式分析了SHA-1加密算法的具体实现技巧,需要的朋友可以参考下2016-02-02
微信jssdk踩坑之签名错误invalid signature
这篇文章主要介绍了微信jssdk踩坑之签名错误invalid signature，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
小发现之浅谈location.search与location.hash的问题
下面小编就为大家带来一篇小发现之浅谈location.search与location.hash的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
这篇文章主要介绍了JS数组降维的几种方法,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-04-04
文章实现的div拖拽程序可以根据按钮来控制是要种拖拽方式与位置 ，下面希望有需要的朋友可参考2014-01-01
JSONP跨域GET请求是一个常用的解决方案，下面我们来看一下JSONP跨域是如何实现的，并且探讨下JSONP跨域的原理2014-03-03
这篇文章主要为大家介绍了JavaScript 事件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-12-12
这篇文章主要介绍了在网页中实现读取剪贴板粘贴截图功能,即可以把剪贴板的截图Ctrl+V粘贴到网页的一个输入框中,例如QQ截图、旺旺截图或者其它截图软件,需要的朋友可以参考下2014-06-06
这篇文章主要为大家详细介绍了基于JavaScript实现数码时钟效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
这篇文章主要介绍了微信小程序 WXML节点信息查询详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-07-07
最新评论