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

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

技术：canvas 2，vant-weapp-ui

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

share组件:

share.wxml

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

点闭迹枝击“分享”按钮，d出一个d层，包括转发给好友，转发海报等

把这州厅个分享层，做成了一个公共组件，onShareAppMessage要放在父组件中！！！！

显示/关闭 d层的方法，也在父组件中，也就是说，在子组件中点击关闭按钮，来触发父组件中的关闭事件！！！！

父组件的onShareAppMessage方法如下：

// 来自页面内转发按钮

onShareAppMessage (res) {

let {hotel_id,hotel_name}=this.state

  if (res.from ==='button') {

this.hideShareModel()

  }

return {

title: hotel_name,

    path:'/pages/goods/info?id='+hotel_id

}

}

另外，转发已经得不到 是否成功的回调。因为微信官方说，存在大量滥用转发功能来诱导用户的轿敏行为，所以去掉了转发的回调！！！

---