微信小程序实现朋友圈分享功能，以及保存图片到手机功能

分享到朋友圈

代码展示：

效果图：

onShareAppMessage(Object object)参数：

监听用户点击页面内转发按钮（button 组件 open-type=“share”）或右上角菜单“转发”按钮的行为，并自定义转发内容。

return的参数：

字段	类型	说明
from	String	转发事件来源（button：页面内转发按钮；menu：右上角转发菜单）
target	Object	如果 from 值是 button，则 target 是触发这次转发事件的 button，否则为 undefined
webViewUrl	String	页面中包含web-view组件时，返回当前web-view的url

字段	说明	默认值
title	转发标题	当前小程序名称
path	转发路径	当前页面 path ，必须是以 / 开头的完整路径
imageUrl	自定义图片路径，可以是本地文件路径、代码包文件路径或者网络图片路径。支持PNG及JPG。显示图片长宽比是 5:4。	使用默认截图

onShareTimeline()的参数：

只有定义了此事件处理函数，右上角菜单才会显示“分享到朋友圈”按钮
自定义转发内容（暂只在 Android 平台支持，不支持自定义页面路径）

字段	说明	默认值
title	自定义标题，即朋友圈列表页上显示的标题	当前小程序名称
query	自定义页面路径中携带的参数，如 path?a=1&b=2 的 “?” 后面部分	当前页面路径携带的参数
imageUrl	自定义图片路径，可以是本地文件或者网络图片。支持 PNG 及 JPG，显示图片长宽比是 1:1。	默认使用小程序 Logo

保存图片到手机

实例代码：

js：

const app = getApp();
var api = require('../../utils/api.js');
var time = null;

 /**
   * 页面的初始数据
   * 这里的back_img,headimg是从后台接收的信息，为了有更好的效果展示直接用的image文件夹里的图片
   */
  data: {
   
    show: false,
    back_img:"../../image/1.jpg",
    headimg: "../../image/1.jpg",
    img: '',
    back_img1: "",
    headimg1: "",
    img1: '',
    goods_data: {
   name:'ps小可爱写的保存图片哦'},
    sku: {
   old_sell_price:'4.5',market_price:'4.5'},
    bg_explain: "",
    share: '',
  },
  
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
   
    // 获取分享的信息
    var that = this;
    var data = {
   
      actoken: api.封装文件的接口,
      service: '接口'
    };
    api.request(data, function(res) {
   
      console.log(res)
      if (res.data.code == 0) {
   
        that.setData({
   
          img: res.data.img,
        })
        that.downloadimg3(res.data.headimgurl);
        that.downloadimg2(res.data.img);
        that.downloadimg1(res.data.goods_img);
      }
    })
  },
  
  canvastoimg() {
   
    var that = this;
    wx.getImageInfo({
   
      src: that.data.back_img1,
      success: function(res) {
   
        console.log(res)
        var x1 = res.width;
        var y1 = res.height;
        const ctx = wx.createCanvasContext('img')
        ctx.setFillStyle('#fff')
        ctx.fillRect(0, 0, 275, 475)
        ctx.drawImage(<