用小程序生成海报图片时,通常会用canvas生成图片,但是canvas需要调整坐标,计算,并不算非常友好,于是我在项目中使用了Painter,下面就介绍它的使用。
1. 先行准备
① 下载
在Github上下载代码,代码包里打开component目录,复制下面的整个painter文件夹,到小程序项目的component目录下。
由于painter本身比较大,如果放在主包里可能在编译预览及上传时会提示 超出文件大小限制 的错误,所以建议将painter放在子包里面。(使用分包)
② 引用组件
在需要绘制海报的页面.json中添加:
{ "usingComponents":
{
"painter":"../components/painter/painter
}
}
③ 使用组件
- 在
.wxml
添加:
<painter palette="{
{template}}"
bind:imgOK="onImgOK"
bind:imgErr=&