首先在pc端我们可以通过Vue Canvas Posterhttps://sunniejs.github.io/vue-canvas-poster/这个组件去使用。但是在小程序端是不兼容的,所以需要在在小程序端则需要通过插件市场中的海报插件去使用,例如 painter插件。
具体的引入如下参考uni-app小程序海报生成插件-painter 使用心得! - 掘金
<painter
v-if="painterFlag"
@imgOK="onImgOk"
widthPixels="750"
@imgErr="onImgErr"
customStyle="left:9000px;width:1200px;height:1500px;position:fixed"
:palette="letters"
:use2D="true"
/>
在生成海报时,切记打开use2D,不然json数据中的背景图会渲染不上去,如果不想要预览的效果,不可使用dispaly属性来隐藏。