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属性来定位的。
完!
官网给的代码片段,我在真机上测试也是报同样的错的。有大佬可以帮忙解答一下吗?
为什么我的在开发工具中显示正常,到真机测试和体验版直接就报错了
怎么安装上去啊,大哥
我从第一步开始就有问题了。。。详情-本地配置 里面根本没有“使用NPM模块”的选项,麻烦大哥告诉我怎么做
大佬,为啥我这个绘制的时候会显示不完全