小程序组件Painter的使用心得

本文详细介绍了在微信小程序中使用Painter组件来创建海报图片的过程,包括下载组件、引用组件、设置海报样式JSON数据,以及处理云存储图片显示的问题。通过实例操作,演示了如何动态赋值和保存绘制完成的图片。
摘要由CSDN通过智能技术生成

用小程序生成海报图片时,通常会用canvas生成图片,但是canvas需要调整坐标,计算,并不算非常友好,于是我在项目中使用了Painter,下面就介绍它的使用。

1. 先行准备

① 下载

在Github上下载代码,代码包里打开component目录,复制下面的整个painter文件夹,到小程序项目的component目录下。
由于painter本身比较大,如果放在主包里可能在编译预览及上传时会提示 超出文件大小限制 的错误,所以建议将painter放在子包里面。(使用分包

② 引用组件

在需要绘制海报的页面.json中添加:

{  "usingComponents": 
	{   
		 "painter":"../components/painter/painter
	}
}
③ 使用组件
  1. .wxml添加:
<painter palette="{
    {template}}" 
	bind:imgOK="onImgOK" 
	bind:imgErr=&
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值