|
|
|
|
|
|
|
|
onLoad: function (options) { |
|
|
onLoad: function (options) { |
|
|
app.globalData.nowPage = 2; |
|
|
app.globalData.nowPage = 2; |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
/** |
|
|
/** |
|
|
* 生命周期函数--监听页面初次渲染完成 |
|
|
* 生命周期函数--监听页面初次渲染完成 |
|
|
*/ |
|
|
*/ |
|
|
onReady: function () { |
|
|
onReady: function () { |
|
|
|
|
|
_totalDownloadTask = 6; |
|
|
|
|
|
_currentSuccessDownloadTask = 0; |
|
|
|
|
|
_saveImg = false; |
|
|
if(app.globalData.userInfoData && app.globalData.userInfoData.avatarUrl){ |
|
|
if(app.globalData.userInfoData && app.globalData.userInfoData.avatarUrl){ |
|
|
this.data.userHead = app.globalData.userInfoData.avatarUrl; |
|
|
this.data.userHead = app.globalData.userInfoData.avatarUrl; |
|
|
this.setData({ |
|
|
this.setData({ |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
cacheFun:function(){ |
|
|
cacheFun:function(){ |
|
|
|
|
|
// _saveImg = true; |
|
|
wx.getSystemInfo({ |
|
|
wx.getSystemInfo({ |
|
|
success: option => { |
|
|
success: option => { |
|
|
this.data.windowScale = option.windowWidth / 750; |
|
|
this.data.windowScale = option.windowWidth / 750; |
|
|
|
|
|
|
|
|
* 生命周期函数--监听页面显示 |
|
|
* 生命周期函数--监听页面显示 |
|
|
*/ |
|
|
*/ |
|
|
onShow: function () { |
|
|
onShow: function () { |
|
|
_totalDownloadTask = 6; |
|
|
|
|
|
_currentSuccessDownloadTask = 0; |
|
|
|
|
|
_saveImg = false; |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
/** |
|
|
/** |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
saveImg: function () {//保存到手机 |
|
|
saveImg: function () {//保存到手机 |
|
|
console.log(this.data.posterUrl); |
|
|
|
|
|
if (!this.data.posterUrl[this.data.swiperCurrent]){ |
|
|
if (!this.data.posterUrl[this.data.swiperCurrent]){ |
|
|
wx.showLoading({ |
|
|
wx.showLoading({ |
|
|
title: '海报合成中', |
|
|
title: '海报合成中', |
|
|
mask:true |
|
|
mask:true |
|
|
}) |
|
|
}) |
|
|
console.log("swiperCurrent = " + this.data.swiperCurrent) |
|
|
|
|
|
_saveImg = true; |
|
|
_saveImg = true; |
|
|
|
|
|
// console.log("值1:"+_currentSuccessDownloadTask); |
|
|
this.posterDrawing(this.data.swiperCurrent + 1); |
|
|
this.posterDrawing(this.data.swiperCurrent + 1); |
|
|
}else{ |
|
|
}else{ |
|
|
this.savePic(); |
|
|
this.savePic(); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
savePic: function () { |
|
|
savePic: function () { |
|
|
wx.hideLoading(); |
|
|
|
|
|
wx.saveImageToPhotosAlbum({ |
|
|
wx.saveImageToPhotosAlbum({ |
|
|
filePath: this.data.posterUrl[this.data.swiperCurrent], |
|
|
filePath: this.data.posterUrl[this.data.swiperCurrent], |
|
|
success(res) { |
|
|
success(res) { |
|
|
|
|
|
|
|
|
// console.log("_totalDownloadTask = " + _totalDownloadTask) |
|
|
// console.log("_totalDownloadTask = " + _totalDownloadTask) |
|
|
// console.log("_currentSuccessDownloadTask = " + _currentSuccessDownloadTask) |
|
|
// console.log("_currentSuccessDownloadTask = " + _currentSuccessDownloadTask) |
|
|
//图片尚未下载完成,禁止绘制 |
|
|
//图片尚未下载完成,禁止绘制 |
|
|
|
|
|
// console.log("值2:"+_currentSuccessDownloadTask); |
|
|
if(_currentSuccessDownloadTask < _totalDownloadTask || !_saveImg){ |
|
|
if(_currentSuccessDownloadTask < _totalDownloadTask || !_saveImg){ |
|
|
return; |
|
|
return; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
//先画个圆 前两个参数确定了圆心 (x,y) 坐标 第三个参数是圆的半径 四参数是绘图方向 默认是false,即顺时针 |
|
|
//先画个圆 前两个参数确定了圆心 (x,y) 坐标 第三个参数是圆的半径 四参数是绘图方向 默认是false,即顺时针 |
|
|
ctx.arc(scale * 50 / 2 + scale * 121, scale * 50 / 2 + scale * 62, scale * 50 / 2, 0, Math.PI * 2, false); |
|
|
ctx.arc(scale * 50 / 2 + scale * 121, scale * 50 / 2 + scale * 62, scale * 50 / 2, 0, Math.PI * 2, false); |
|
|
ctx.clip(); //剪切 |
|
|
ctx.clip(); //剪切 |
|
|
console.log(this.data.userHead) |
|
|
|
|
|
ctx.drawImage(this.data.userHead, scale * 121, scale * 62, scale * 50, scale * 50); //头像 |
|
|
ctx.drawImage(this.data.userHead, scale * 121, scale * 62, scale * 50, scale * 50); //头像 |
|
|
ctx.restore(); //恢复之前保存的绘图上下文 |
|
|
ctx.restore(); //恢复之前保存的绘图上下文 |
|
|
//名称 |
|
|
//名称 |
|
|
|
|
|
|
|
|
canvasId: 'myCanvas', |
|
|
canvasId: 'myCanvas', |
|
|
success: res => { |
|
|
success: res => { |
|
|
this.data.posterUrl[this.data.swiperCurrent] = res.tempFilePath; |
|
|
this.data.posterUrl[this.data.swiperCurrent] = res.tempFilePath; |
|
|
|
|
|
wx.hideLoading(); |
|
|
this.savePic(); |
|
|
this.savePic(); |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |