uniapp小程序实现绘制内容,生成海报并保存截图(Painter和Canvas两种方式举例)

一、Painter方法

Painter插件传送门

1.下载资源包
2.将资源包的如下部分

3.使用页面引入组件
ui样式

<painter
    customStyle='margin-left: 40rpx; height: 1000rpx;'
    palette="{
   {palette}}"
    bind:imgOK="onImgOK"
    />

1
2
3
4
5
6
7

data 中数据(绘制内容,替换区域)