使用方法

1、 在微信小程序管理后台——设置——第三方服务，按 AppID（wxbf07f0f22c6c200d）搜索到该插件并申请授权（ps：一般不会出现拒绝的情况。如果申请被拒绝了，请重新申请，有时候管理员手抽点错了，请见谅）。

2、在要使用该插件的小程序 app.json 文件中引入插件声明。

"plugins": {
    "calendar": {
        "version": "1.0.0",
        "provider": "wxbf07f0f22c6c200d"
    }
}

3、在需要使用到该插件的小程序页面的 JSON 配置文件中，做以下配置：

{
  "usingComponents": {
    "calendar": "plugin://poster/poster"
  }
}

4、在相应的 HTML 页面中添加以下语句即可完成插件的嵌入。

<poster />

属性

drawing参数说明

drawing数据目前有两种数据信息，一种是图片信息，另一种是文字信息。

图片信息

文字信息

textAlign参数

如图：

实例：

data:{
     data: {
    drawing: [
      {
        type: 'image',
        url: '此处是线上图片',
        left: 0,
        top: 0,
        width: 650,
        height: 950
      },
      {
        type: 'text',
        content: '此处是文本信息',
        fontSize: 26,
        color: 'white',
        textAlign: 'left',
        left: 170,
        top: 50,
        width: 650,
      }
    ],
}

样式

/* 画布样式 */
.canvas-style{
  width: 650rpx !important;
  height: 950rpx  !important;
  margin: 0 auto;
  border: 1px solid orangered;
  margin-top: 10rpx;
}

<poster 
  drawing='{{drawing}}' 
  savebtnText='{{savebtnText}}'

  canvas-style='canvas-style' 
  savebtn-style='savebtn-style'

/>

注意： 样式的优先级！

效果