|
@@ -68,29 +68,77 @@ Page({
|
|
|
pic.src = video.resourcesType == 1 ? video.aBg : video.coverImg;
|
|
|
pic.onload = () => {
|
|
|
ctx.drawImage(pic, 0, 0, 375, 211);
|
|
|
- if (video.resourcesType == 1) {
|
|
|
- let aBg = canvas.createImage();
|
|
|
- aBg.src = '/static/shareAudioBg.png';
|
|
|
- aBg.onload = () => {
|
|
|
- ctx.drawImage(aBg, 127.5, 38, 120, 120);
|
|
|
- let rate = 0.5
|
|
|
- ctx.arc(
|
|
|
- Math.floor(375 * rate),
|
|
|
- 98,
|
|
|
- Math.floor(100 * rate),
|
|
|
- 0,
|
|
|
- 2 * Math.PI
|
|
|
- );
|
|
|
- ctx.clip() //裁剪
|
|
|
- let coverImg = canvas.createImage();
|
|
|
- coverImg.src = video.coverImg;
|
|
|
- coverImg.onload = () => {
|
|
|
- ctx.drawImage( //定位在圆圈范围内便会出现
|
|
|
- coverImg, //图片暂存路径
|
|
|
- 129, 42,
|
|
|
- 110, 110,
|
|
|
- );
|
|
|
- ctx.restore()
|
|
|
+ let peiyin = canvas.createImage();
|
|
|
+ peiyin.src = '/static/peiyin.jpg';
|
|
|
+ peiyin.onload = () => {
|
|
|
+ ctx.drawImage(peiyin, 0, 211, 375, 89);
|
|
|
+ //分享
|
|
|
+ let fx = canvas.createImage();
|
|
|
+ fx.src = '/static/share.png'
|
|
|
+ fx.onload = () => {
|
|
|
+ ctx.drawImage(fx, 12, 220, 20, 20)
|
|
|
+ ctx.fillText('分享', 36, 238)
|
|
|
+ // 收藏,一个一个渲染
|
|
|
+ let sc = canvas.createImage();
|
|
|
+ sc.src = '/static/no_collect.png'
|
|
|
+ sc.onload = () => {
|
|
|
+ ctx.drawImage(sc, 110, 220, 19, 19)
|
|
|
+ ctx.fillText('收藏', 134, 238)
|
|
|
+ //点赞
|
|
|
+ let dz = canvas.createImage();
|
|
|
+ dz.src = '/static/heart.png'
|
|
|
+ dz.onload = () => {
|
|
|
+ ctx.drawImage(dz, 318, 222, 22, 22)
|
|
|
+ ctx.fillText(0, 254, 238)
|
|
|
+ // 评论
|
|
|
+ let pl = canvas.createImage();
|
|
|
+ pl.src = '/static/comment.png'
|
|
|
+ pl.onload = () => {
|
|
|
+ ctx.drawImage(pl, 228, 222, 22, 22)
|
|
|
+ ctx.fillText(0, 340, 238)
|
|
|
+ if (video.resourcesType == 1) {
|
|
|
+ let aBg = canvas.createImage();
|
|
|
+ aBg.src = '/static/shareAudioBg.png';
|
|
|
+ aBg.onload = () => {
|
|
|
+ ctx.drawImage(aBg, 127.5, 38, 120, 120);
|
|
|
+ let rate = 0.5
|
|
|
+ ctx.arc(
|
|
|
+ Math.floor(375 * rate),
|
|
|
+ 98,
|
|
|
+ Math.floor(100 * rate),
|
|
|
+ 0,
|
|
|
+ 2 * Math.PI
|
|
|
+ );
|
|
|
+ ctx.clip() //裁剪
|
|
|
+ let coverImg = canvas.createImage();
|
|
|
+ coverImg.src = video.coverImg;
|
|
|
+ coverImg.onload = () => {
|
|
|
+ ctx.drawImage( //定位在圆圈范围内便会出现
|
|
|
+ coverImg, //图片暂存路径
|
|
|
+ 129, 42,
|
|
|
+ 110, 110,
|
|
|
+ );
|
|
|
+ ctx.restore()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ setTimeout(() => {
|
|
|
+ wx.canvasToTempFilePath({
|
|
|
+ canvas: canvas,
|
|
|
+ success(res) {
|
|
|
+ resolve({
|
|
|
+ title: '我的新作品发布啦,快来捧场点赞!',
|
|
|
+ path: `/pages/pkPage/index?videoId=${wx.getStorageSync('shareVideoId')}&uid=${wx.getStorageSync('uid')}`,
|
|
|
+ imageUrl: res.tempFilePath
|
|
|
+ })
|
|
|
+ },
|
|
|
+ fail(res) {
|
|
|
+ reject()
|
|
|
+ }
|
|
|
+ }, this)
|
|
|
+ }, 500)
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|