微信分享图片组件（小程序 ）

需求：点击分享，d出遮罩层，可分享给好友，可保存图片分享，canvas中的图片自适应（缩放、裁剪）

技术：canvas 2，vant-weapp-ui

思路：计划将整个分享都写成一个自定义组件，由于一些bug，没能实现，部分还是需要写在页面中。

share组件:

share.wxml

share.js含有canvas绘制白色背景，canvas文本换行，绘制图片，图片原比例缩小裁剪，图片自适应，保存图片等方法

我们使用uni-app或者微信小程序开发项目的时候总会遇到有遮罩层d出的效果，但是发现tabbar页面遮罩层无论你的层级有多高都遮不住我们的tanbar，这时候我们可以采用两种方式解决：

1、使用自定义tabbar组件；

2、在遮罩层打开的同时隐藏tabbar，uni.hideTabBar()遮罩层关闭的同时显示tabbar，uni.showTabBar()

首先我们建立一个演示的小程序片段

然后在wxml中将d窗的界面定义好

接下来就是定义d窗的样式，主要是遮罩层的样式

然后在js中声明变量，它用来控制d窗是否显示

接着我们就可以看到d窗的界面了

最后在定义一下取消d窗的事件就可以了

综上所述，在小程序开发的时候自定义d窗还是很简单的，主要定义好遮罩层，然后设置好d窗位置就可以了

---