微信小程序生成二维码方法接口集合

微信小程序生成二维码方法接口集合需求需求 可以支持自定义信息再生成二维码的需求调用网络提供接口 1 jquery qrcode js 在 PC 端对应的功能我们是利用 jquery qrcode js 来实现的 但是在小程序里不支持操作 dom 所以这个插件就用不了啦 2 qrcode js 这个用在 web 网页开发可以 微信小程序不建议用这个 3 weapp qrcode js 微信小程序推荐用这个接口 weapp qrcode js 操作步骤下载 weapp qrcode js 接口软件包 https codechin

需求

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

调用网络提供接口

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画布画二维码
     
         
  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://javaforall.net/225947.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 上午8:11
下一篇 2026年3月17日 上午8:11


相关推荐

  • 网站metro风格正式发布

    网站metro风格正式发布经过一个多月的努力 终于完成网站 metro 风格化的调整 这次升级中 也是对 compass 及 coffeescript 的一种尝试 整体效果还是比较满意 后期会还将对网站功能进行调整及丰富 也将会共享一些 coffeescript 代码 nbsp 这次升级在功能上没有做大的改动 主要是视觉方面的 尝试了新的前端开发方法 放弃了对 ie6 的支持 也算是为消灭 ie6 做点贡献 nbsp

    2026年3月20日
    2
  • Linux应用开发自学之路

    Linux应用开发自学之路 前言    在「关于我 」那篇博文里,朋友们应该知道了我不是科班出身,是由机械强行转行到Linux应用开发方向。下面我就详细向大家介绍自己这一路上的转行历程,希望对大家有所启发。 我是学机械专业的,对于机械专业我还是很感兴趣,而且当年这个专业也是我自己选择的。本科时成绩没排第一,但也排专业前列。硕士时成绩一直是专业第一,还拿过国家奖学金。由此可见,我还是挺热爱机…

    2022年5月22日
    39
  • linux 查看当前所有环境变量的两种方法_查看环境变量的命令

    linux 查看当前所有环境变量的两种方法_查看环境变量的命令原文From: http://os.51cto.com/art/201005/202463.htm 系统的环境变量在配置webserver以及编写程序都常常被用到,因此了解必要的关于系统变量的知识是非常有必要的,下面关于linux系统变量的查看以及方法。在Windows下,查看环境变量的命令是:set,这个命令会输出系统当前的环境变量。Linux下Linux查看环境变量准确…

    2022年10月1日
    4
  • icem搅拌器网格划分_搅拌器研究所的第六个开放电影项目[通俗易懂]

    icem搅拌器网格划分_搅拌器研究所的第六个开放电影项目[通俗易懂]icem搅拌器网格划分BlenderInstitute的第六个电影项目,代号为Gooseberry,已进入BlenderInstitute迄今为止最开放的制作中。如果您到目前为止一直在关注该项目,那么您已经对Blender的“开放式生产”(大量共享)的含义有所了解。艺术家和开发人员共享原始布局动画,开发中的艺术作品以及他们用来制作电影的文件,并每周为粉丝和关注者举办Google…

    2022年5月26日
    39
  • Python调用百度文心一言ERNIE-Lite-8K-0922 API全流程详解

    Python调用百度文心一言ERNIE-Lite-8K-0922 API全流程详解

    2026年3月12日
    2
  • C语言 文件读写的实现

    C语言 文件读写的实现关于C语言的文件读写,我将介绍下面这几种方式:字符的读写:使用fgetc()函数和fputc()函数;字符串的读写:使用fgets()函数和fputs()函数;格式化的读写(主要用于文本文件):使用fscanf()函数和fprintf()函数。字符读写:1.fputc()函数fputc(c,fp);//用于将一个字符写入文件其中,…

    2022年5月5日
    54

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号