uniapp中如何使用小程序的wxml-to-canvas插件

本篇主要讲述uniapp中如何使用小程序的wxml-to-canvas插件，关于wxml-to-canvas如何动态传递数据以及踩坑注意点会在下一篇文章中具体描述

1-关于wxml-to-canvas

官网地址：wxml-to-canvas | 微信开放文档

使用wxml-to-canvas最主要的功能其实就是生成海报，官网有demo演示，是静态海报的生成，大家可以直接下载

2-关于如何在uniapp中使用

正常在小程序中使用 我们只需要npm安装到小程序中就可以，小程序会构建miniprogram_npm

但是在uniapp中我们使用npm下载的的内容都在大目录的node_modules下，打包后没办法构建，所以方法就是

1.  在uniapp项目中 构建wxcomponents文件夹
2. 下载微信小程序官方的wxml-to-canvas代码片段，将其中的这个两个组件复制到我们自己创建的wxcomponents中自己的组件
3. 修改wxml-to-canvas  index.js中 的

   module.exports = require("widget-ui");
   改为
   module.exports = require("../widget-ui/index.js");

4. 在globalStyle中配置全局组件

   	"usingComponents":{
   			"wxml-to-canvas": "/wxcomponents/wxml-to-canvas/index"
   		}

   这样就配置好了 剩下的使用方法跟在小程序中使用wxml-to-canvas是一致的 参考官网即可。

下一篇介绍一下如何动态生成wxml-to-canvas中的 wxml以及style

祝大家生活愉快哦！～