wxml-to-canvas使用笔记
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属性来定位的。
完!