手把手教你在微信小程序中使用canvas+Painter插件制作二维码

发布日期： 2021-11-04 阅读量： 作者： 网络

本篇文章给大家介绍一下在微信小程序中使用canvas+painter插件制作二维码的方法，希望对大家有所帮助！

在日常的小程序项目中，会经常遇到需要动态绘制二维码的需求。使用场景很多，例如绘制在海报上，例如制作票务码、核销码等等。
这篇文章是应一位好友的需求而写的，也希望能够给有需要的同学一些帮助。

一、实现原理

使用微信小程序的canvas组件进行绘制，但是在该组件用起来并不是很顺手，所以使用了第三方的框架：Painter

Painter的Github地址：https://github.com/Kujiale-Mobile/Painter

用你的方法，把这个框架下载下来，里面会有示范代码，我们只需要把其中的核心代码拿出来就行。

对于框架的使用介绍，大家可以前往github浏览，我这就直接上手了。【相关学习推荐：小程序开发教程】

前期准备

1、新建components文件夹，放置painter核心代码

在这里插入图片描述

2、新建palette文件夹，放置绘制实现代码

在这里插入图片描述
painter.js代码

export default class LastMayday {
  palette(viewList) {
    return (
      viewList
    );
  }
}