微信小程序 生成二维码_免费制作二维码的小程序

小程序 (4) 2024-06-17 09:23

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说
微信小程序 生成二维码_免费制作二维码的小程序,希望能够帮助你!!!。

需求

需求:可以支持自定义信息再生成二维码的需求 

调用网络提供接口

1、jquery-qrcode.js 在PC端对应的功能我们是利用jquery-qrcode.js来实现的,但是在小程序里不支持操作dom,所以这个插件就用不了啦 2、qrcode.js 这个用在web网页开发可以,微信小程序不建议用这个 3、weapp-qrcode.js 微信小程序推荐用这个接口 

weapp-qrcode.js操作步骤

  1. 下载weapp-qrcode.js接口软件包

    https://codechina.csdn.net/mirrors/dillonlfy/weapp-qrcode?utm_source=csdn_github_accelerator 
  2. 在小程序中引入weapp-qrcode.js,可以放在主目录下和app.js同目录,建议创建一个utils目录,放在这个下面

  3. 在需要用二维码的js页面引入weapp-qrcode.js

    var QRCode=require("../../utils/weapp-qrcode.js") 
  4. wxml利用canvas画布画二维码

    <canvas class='canvas' canvas-id='canvas' bindlongtap='save'></canvas> 
  5. js页面写canvas绑定函数,调用new QRCode画二维码

    var qrcode = new QRCode('canvas', { //这个canvas是wxml页面定义的canvas-id='canvas' text: "", width: 150, height: 150, colorDark: "#000000", colorLight: "#ffffff", correctLevel: QRCode.CorrectLevel.H, }); 
  6. 实现效果,canavs,binglangtap长按触发生成二维码
    微信小程序 生成二维码_免费制作二维码的小程序_https://bianchenghao6.com/blog_小程序_第1张

今天的分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

发表回复