You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
192 lines
4.0 KiB
192 lines
4.0 KiB
// 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) {
|
|
|
|
}
|
|
});
|
|
}
|
|
})
|
|
},
|
|
})
|