⼩程序⽣成⼆维码的⽰例代码
好久没有写⽂章了,最近公司要做海报分享的活动,需要在⼩程序中⽣成扫了之后可以跳转普通⽹页的⼆维码,就在github上⾯了⼀下,确实到了⼀个兼容兼容性⽐较不错的,给打加分享⼀下。
中间尝试了不少,有些在Android上上城会出现问题,亲测这个有效,兼容⽐较好,已经应⽤到我们项⽬中了。
由于在使⽤便利性⽅⾯考虑,我对这个进⾏了⼀定的改动,新增了⼆维码⽩边功能和⽀持回调函数直接获取临时⽂件的功能,希望能够帮助到⼤家。
github地址
点击查看(欢迎star),其中附有源⼯程地址
使⽤
在github上下载⼯程,主要⽤到的⽂件是/utils/weapp-qrcode.js⽂件
引⼊⽂件:
可以将⽂件直接放在⾃⼰⼯程下⾯引⼊使⽤
import QRCode from'/utils/weapp-qrcode.js'
使⽤
new QRCode('myQrcode',{
text:'ingschool',写文章的小程序
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" />
注意事项
⽽宽⾼,js代码和结构中的宽⾼需要⼀致,宽⾼的样式⼀定要写成内联样式,不然会有意想不到的效果
padding的颜⾊⾃⼰控制即可,canvas的背景⾊就是留边的颜⾊
correctLevel是⽣成⼆维码可辨识度的级别,级别越⾼可辨识度越⾼,从低到⾼以此是M、L、H、Q

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。