wxml-to-canvas使用笔记
发布于 3 年前 作者 mengwei 4994 次浏览 来自 分享

wxml-to-canvas使用笔记。小程序内通过静态模板和样式绘制 canvas ,导出图片,可用于生成分享图,生成小程序分享海报等场景。

__在已经创建好的项目中进行安装 __wxml-to-canvas

1.详情-本地设置-使用npm;

2,在工具中的终端或者是电脑终端。新建终端命令

3,初始化npm 输入 npm init

大概需要点击8次回车。才能初始化完成。最后会出现OK,再回车一次

4,安装wxml-to-canvas插件

wxml-to-canvas插件介绍地址:https://developers.weixin.qq.com/miniprogram/dev/extended/component-plus/wxml-to-canvas.html

5,构建npm

6,生成海报

海报的样式,支持 view、text、image 三种标签。按文档的要求进行拼装。文字和图片定位,我个人用position属性来定位的。

完!

回到顶部