xcx-poster-canvas

小程序海报生成器

使用说明

npm 安装 （安装完成后--使用小程序开发工具构建npm 或者 手动拷贝）

注：组件使用es6的async、await同步操作 请使用小程序开发工具的增加编译功能； 小程序开发工具--点击右侧"详情"--勾选"增加编译"

npm i xcx-poster-canvas -S --production

页面引入

在page.json中引入组件:
"usingComponents": {
  "xcx-poster-canvas": "xcx-poster-canvas/index"
}

在page.wxml中引入 （id必要）:
<xcx-poster-canvas id="poster"></xcx-poster-canvas>

在page.js中引入 （路径根据自己项目结构确定）:
import Poster from "../../miniprogram_npm/xcx-poster-canvas/Poster";
Poster.create([Array data]).then(function (res) {
    //绘制成功
}).catch(function (err) {
    //绘制失败
    console.log(err.message)
})

绘制数据格式说明 Array

https://github.com/ruoxiaodian/xcx-poster-canvas