【微信小程序】小程序原生代码生成海报

最新推荐文章于 2024-07-31 13:57:35 发布

忘记哦i的和去哦覅·1

最新推荐文章于 2024-07-31 13:57:35 发布

阅读量367

点赞数

分类专栏：微信小程序文章标签：小程序

本文链接：https://blog.csdn.net/m0_55643861/article/details/119734881

版权

本文详细介绍了如何在微信小程序中实现原生代码生成海报的步骤，包括下载并放置painter包、在页面json文件中引入、在wxml中使用以及在js中调用相关功能。同时，提供了插件的介绍和官网链接，为开发者提供完整的实现方案。

摘要由CSDN通过智能技术生成

在这里插入图片描述

第一步：

下载包，并将painter包放在components目录下

 https://github.com/Kujiale-Mobile/Painter

第二步：

使用页面的json文件中引入

{
  "usingComponents": {
    "painter":"/components/painter/painter"
  }
}

第三步：

使用页面的wxml

接收海报的图片容器
<image mode="widthFix" src="{
  { posterImg }}" id="goods_qr-code" alt />

<painter wx-if="{
  {showPainter}}" palette="{
  {data}}" bind:imgOK="firstImg" />
  
palette        字段作为画图数据的数据源, 图案数据以 json 形式存在
widthPixels    强制指定生成的图片的像素宽度

绘图完成后，可以通过绑定 imgOK 或 imgErr 事件来获得成功后的图片或失败的原因