介绍,,,1,,git , clone , https://github.com/WGinit/mini-poster.git {,“usingComponents”:
{才能,“share-image”:“/组件/share_image/share_image”,}
} ,& lt; share-image
,,,,,,drawDataList=皗{dataList}}”比;
& lt;才能/share-image> dataList:, {
,,,canvasData: {
,,,,,类型:,& # 39;图像# 39;
,,,,,url:, & # 39; & # 39;
,,,,,:,0,
,,,,,左:,0,
,,,,,宽度:,750年,
,,,,,,身高:1334年,
,,,,,评论:,& # 39;背景图& # 39;,
,,,,,btnText:, & # 39;保存至相册& # 39;
,,,},
,,,({内容:,
,,,,,类型:,& # 39;图像# 39;
,,,,,url:, & # 39; & # 39;
,,,,,:,136年,
,,,,,左:,100年,
,,,,,形状:,& # 39;广场# 39;
,,,,,宽度:,290年,
,,,,,,身高:186年,
,,,,,评论:,& # 39;头像& # 39;
,,,},{
,,,,,类型:,& # 39;文本# 39;
,,,,,内容:,& # 39;白山羊& # 39;,
,,,,,:,336年,
,,,,,左:,100年,
,,,,,字形大小:,40岁,
,,,,,lineHeight:, 40岁,
,,,,,颜色:,& # 39;# f00& # 39;
,,,,,textAlign:, & # 39;左# 39;
,,,,,体重:,& # 39;大胆# 39;
,,,,,maxWidth: 287
,,,}]
,,}
这篇文章主要介绍怎么利用微信小程序中画布API来合成海报生成组件封装,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
原理:主要利用微信小程序强大的画布API来合成,生成后可用wx.canvasToTempFilePath()导出图片地址,从而可实现预览及保存至手机相册
一、如何使用
打开项目文件夹
2,在待使用页面Json文件中注册该组件
3,在页面中使用该组件
二、参数配置
三、参数说明
canvasData - - - - - - - - - - - -帆布相关参数配置参数类型默认值必填说明typeStringimage是文件类型,这里为背景图,默认imageurlString& # 39; & # 39;是网络图片地址topNumber0否图像的左上角在可视区域上Y轴的位置,单位pxleftNumber0否图像的左上角在可视区域上X轴的位置,单位pxwidthNumber750否画布的宽度,单位pxheightNumber1334否画布的高度,单位pxcommentString& # 39;背景图& # 39;否图片描述btnTextString& # 39;保存至相册& # 39;是生成按钮文字内容- - - - - - -绘制内容参数参数类型默认值必填说明typeString& # 39; & # 39;是绘制的类型,可选图像和textshapeString& # 39;广场# 39;否绘制图片的形状,广场方形,圆圆形urlString& # 39; & # 39; -图片的网络地址,图像类型为必填contentString& # 39; & # 39;——文本内容,文本类型为必填topNumber0否图像的左上角在目标画布上Y轴的位置,单位pxleftNumber0否图像的左上角在目标画布上X轴的位置,单位pxwidthNumber100否绘制图片的宽度,单位pxheightNumber100否绘制图片的高度,单位pxcommentString& # 39; & # 39;否绘制图片的说明fontSizeNumber32否文本字体大小,单位pxlineHeightNumber32否文本行高,单位pxcolorString& # 39; # FFFFFF & # 39;否文本字体颜色textAlignString& # 39;中心# 39;否文本水平对齐方式,可选,中心,rightweightString& # 39;正常# 39;否文本字体粗细maxWidthNumber600否文本限制的最大宽度,单位px四,备注
上述单位都是参照设计稿(750 * 1334)而来,实际情况可直接按设计稿上尺寸配置参数。
以上是“怎么利用微信小程序中画布API来合成海报生成组件封装”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
怎么利用微信小程序中画布API来合成海报生成组件封装
