修改海报文字行高

后端研发-倪永富
1 parent 68ffa338
Showing 3 changed files with 24 additions and 8 deletions
packageA/pages/liveStreamDetails/liveStreamDetails.js
packageA/pages/liveStreamDetails/liveStreamDetails.wxml
packageA/pages/liveStreamDetails/liveStreamDetails.wxss
@@ -115,7 +115,7 @@ drawText: function(ctx, str, leftWidth, initHeight, titleHeight, canvasWidth, un
         ctx.textAlign = 'justify';
         ctx.fillText(str.substring(lastSubStrIndex, i), leftWidth, initHeight);
       }
-      initHeight += 22; //22为字体的高度
+      initHeight += 35; //22为字体的高度
       lineWidth = 0;
       lastSubStrIndex = i;
       titleHeight += 20;
@@ -173,16 +173,16 @@ drawText: function(ctx, str, leftWidth, initHeight, titleHeight, canvasWidth, un
     // 绘制头像
     ctx.save();
     ctx.beginPath();
-    ctx.arc(58, 63, 28, 0, 2*Math.PI);
+    ctx.arc(58, 52, 28, 0, 2*Math.PI);
     ctx.clip();
     // console.log('1__________________>',app.globalData.userInfo['head_pic']);
-    ctx.drawImage(this.data.avatarUrl, 30, 35, 56, 56);
+    ctx.drawImage(this.data.avatarUrl, 30, 24, 56, 56);
     ctx.restore();
  
     // 绘制昵称
     ctx.setFontSize(14);
     ctx.setFillStyle('#ADADAD');
-    ctx.fillText(this.data.nickName, 106, 68);
+    ctx.fillText(this.data.nickName, 106, 52);
  
     // 绘制主图
     ctx.drawImage(this.data.coverImg, 0, 104, 480, 382);
@@ -191,7 +191,7 @@ drawText: function(ctx, str, leftWidth, initHeight, titleHeight, canvasWidth, un
     // 绘制文字
     ctx.setFontSize(24);
     ctx.setFillStyle('#1E1E1E');
-    this.drawText(ctx, title, 51, 563, 300, 300, 2);
+    this.drawText(ctx, title, 51, 563, 300, 360, 2);
  
     // 绘制小程序码
     ctx.drawImage(this.data.ewm, 310, 525, 132, 132);
@@ -400,7 +400,7 @@ drawText: function(ctx, str, leftWidth, initHeight, titleHeight, canvasWidth, un
  
  
           // 请求主图
-          that.getImageInfo(that.data.details['cover_img']).then(res => {
+          that.getImageInfo(that.data.details['share_img']).then(res => {
             that.setData({
               coverImg: res.path
             });
@@ -529,6 +529,10 @@ drawText: function(ctx, str, leftWidth, initHeight, titleHeight, canvasWidth, un
       showActionSheet: 'false'
     })
     var self = this;
+    if (res.from === 'button') {
+      // 来自页面内转发按钮
+      console.log(res.target)
+    }
     return {
       title: this.data.details.name,
       success: function(res) {
@@ -538,5 +542,17 @@ drawText: function(ctx, str, leftWidth, initHeight, titleHeight, canvasWidth, un
         console.log('comple', res)
       }
     }
+  },
+
+  onShareTimeline: function (res) {
+    if (res.from === 'button') {
+      // 来自页面内转发按钮
+      console.log(res.target)
+    }
+    return {
+      title: '自定义转发标题',
+      path: '/page/user?id=123'
+    }
   }
+
 })
@@ -66,7 +66,7 @@
  
   <!-- 生成海报 -->
   <view class="{{showPlaybill ? 'playbill':'playbill active'}}" hidden="{{showPlaybill}}">
-    <image src="{{canvasToImgPath}}" class="playbill-pic" mode="aspectFill"></image>
+    <image src="{{canvasToImgPath}}" class="playbill-pic" mode="widthFix"></image>
     <canvas canvas-id="myCanvas" catchtouchmove="true" style="width:480px;height:738px;position:absolute;left:5000%;"></canvas>
     <view class="playbill-save" bindtap="onSaveToPhone">保存至相册</view>
   </view>
@@ -224,7 +224,7 @@
 }
 .playbill-pic {
   display: block;
-  width: 478rpx;
+  width: 560rpx;
   height: 737rpx;
   /* border-width: 31rpx 20rpx 51rpx;
   border-color: #f23030;