// index.js
Page({data: {
},
onLoad: function (options) {
      var that = this;
      that.setData({ 
        imgUrl: options.imgUrl,
        img1: options.img1
      })
  console.log(that.data.imgUrl + '' + that.data.img1)
  wx.getSystemInfo({
    success: function (res) {
      var clientHeight = res.windowHeight;
      var clientWidth = res.windowWidth;
      that.setData({
        clientWidth: clientWidth,
        clientHeight: clientHeight,
      })
    }
  })
  wx.getImageInfo({
    src: that.data.imgUrl,
    success: function (res) {
      console.log(res)
      that.setData({
        width1: res.width,
        height1: res.height
      })
    }
  })
  wx.getImageInfo({
    src: that.data.img1,
    success: function (res) {
      console.log(res)
      that.setData({
        width2: res.width,
        height2: res.height
      })
    }
  })
},
combine:function(){
  if (this.data.clientWidth > this.data.width2) {
    var imgwidth1 = this.data.width1
    var imgheight1 = this.data.height1
    var imgwidth2 = this.data.width2
    var imgheight2 = this.data.height2
  }
  else {
    var imgwidth2 = this.data.clientWidth
    var imgheight2 = this.data.height2 * imgwidth2 / this.data.width2
    if (imgheight2 < this.data.height1)
    {
      var imgheight1 = imgheight2
      var imgwidth1 = this.data.width1 * imgheight1 / this.data.height1
    }
    else{
      var imgheight1 = this.data.height1
      var imgwidth1 = this.data.width1 * imgheight1 / this.data.height1
    }
  }
 console.log(imgwidth2 + '' + imgheight2 + imgwidth1 + '' + imgheight1)
  const ctx = wx.createCanvasContext('shareCanvas')
 ctx.drawImage(this.data.img1, 0, 0, this.data.width2, this.data.height2,0,0,imgwidth2, imgheight2)
 ctx.drawImage(this.data.imgUrl, 0, 0, this.data.width1, this.data.height1,0,0, imgwidth1, imgheight1)
  ctx.draw()
  var that  = this
  wx.showToast({
    title: '图片生成中...',
    icon: 'loading',
    duration: 1000
  });
  setTimeout(function () {
    wx.canvasToTempFilePath({
      canvasId: 'shareCanvas',
      success: function (res) {
        var tempFilePath = res.tempFilePath;
        wx.saveImageToPhotosAlbum({
          filePath: tempFilePath,
          success(res) {
            wx.showToast({
              title: '保存成功',
              icon: 'success'
            })
          }
        })
        wx.hideToast()
      },
      fail: function (res) {
        console.log(res);
      }
    });
  }, 500);
 
},
/**
 * 生命周期函数--监听页面初次渲染完成
 */
onReady: function () {

},

/**
 * 生命周期函数--监听页面显示
 */
onShow: function () {

},

/**
 * 生命周期函数--监听页面隐藏
 */
onHide: function () {

},

/**
 * 生命周期函数--监听页面卸载
 */
onUnload: function () {

},

/**
 * 页面相关事件处理函数--监听用户下拉动作
 */
onPullDownRefresh: function () {

},

/**
 * 页面上拉触底事件的处理函数
 */
onReachBottom: function () {

},

/**
 * 用户点击右上角分享
 */
onShareAppMessage: function () {

},
//适配不同屏幕大小的canvas
setCanvasSize: function (width) {
  var size = {};
  try {
    var res = wx.getSystemInfoSync();
    var scale = 750 / width;
    // var scale = 1
    var width = res.windowWidth / scale;
    var height = res.windowHeight / scale;;
    size.w = width;
    size.h = height;
  } catch (e) {
    // Do something when catch error
    console.log("获取设备信息失败" + e);
  }
  return size;
},
//点击图片进行预览，长按保存分享图片
previewImg: function (e) {
  var img = this.data.img;
  let _this = this;
  //保存二维码到相册

  wx.saveImageToPhotosAlbum({
    filePath: img,
    success: function (res) {
      wx.showModal({
        content: '保存成功',
        confirmText: '确认',
        showCancel: false,
        success: function (res) {

        }
      });
    },
    fail: function (res) {
      wx.showModal({
        content: '保存失败',
        confirmText: '确认',
        showCancel: false,
        success: function (res) {

        }
      });
    }
  })
},
})