分享图

yvan.ni
1 parent 8b81e004
Showing 2 changed files with 8 additions and 120 deletions
pages/user/assistance/task_assistance.js
pages/user/assistance/task_assistance.wxml
@@ -68,7 +68,7 @@ Page({
     }
     th.close();
     th.syinfo();
-    // th.imageinfo();
+    th.imageinfo();
     //end
   },
@@ -544,118 +544,7 @@ Page({
   onShareAppMessage: function() {
   },
-  shareFrends: function(e) {
-    var th = this;
-    var scene = th.data.gid;
-    ///二微码
-    // var path3 = os.url + "/api/wx/open/app/user/getWeAppEwm/" +
-    //   a.stoid + "?sceneValue=" + scene + "&pageValue=pages/goods/goodsInfo/goodsInfo";
-    var iurl = th.data.iurl; //图片地址前缀
-    const ctx = wx.createCanvasContext('share_id'); //绘图上下文
-    var unit = th.data.screenWidth / 750 * 1.35;
-    var numsize = 20 * unit; //几人助力字体大小
-    var size = 15 * unit;
-    var num = 10;
-    var q_num = 6;
-    var already = num.toString().length + 1; //已有几位好友助力
-    var lack = q_num.toString().length + 1; //还差几位好友助力
-    var imagesize = 40 * unit; //助力人的图片大小
-    var left = 74 * unit; //助力人头像跟左边的距离
-    var spacing = 12 * unit; //助力人图片间距 
-    var images = th.data.images;
-    ctx.drawImage(images[0], 0, 0, 445 * unit, 700 * unit); //分享的背景图片
-    ctx.drawImage(images[1], 37 * unit, 185 * unit, 370 * unit, 377 * unit); //分享的背景图片
-    ctx.drawImage(images[2], 90 * unit, 231 * unit, 266 * unit, 160 * unit); //分享的背景图片
-    ctx.setFillStyle("rgb(221,153,116)");
-    ctx.setFontSize(size)
-    ctx.fillText("已有", 77 * unit, 430 * unit);
-    ctx.setFillStyle("#FF4746");
-    ctx.setFontSize(numsize)
-    ctx.fillText(num + "位", 108 * unit, 430 * unit);
-    ctx.setFillStyle("rgb(221,153,116)");
-    ctx.setFontSize(size)
-    ctx.fillText("好友助力，还差", 114 * unit + already * numsize * unit, 430 * unit);
-    ctx.setFillStyle("#FF4746");
-    ctx.setFontSize(numsize);
-    ctx.fillText(q_num + "位", 220 * unit + already * numsize * unit, 430 * unit);
-    ctx.setFillStyle("rgb(221,153,116)");
-    ctx.setFontSize(size);
-    ctx.fillText("达成助力", 248 * unit + lack * numsize * unit + already * numsize - numsize * 2, 430 * unit);
-    var c = q_num / num;
-    ctx.drawImage(images[3], 65 * unit, 445 * unit, 320 * unit, 12 * unit);
-    ctx.drawImage(images[4], 65 * unit, 445 * unit, 320 * unit * c, 12 * unit);
-    for (var i = 0; i < 6; i++) {
-      if (i == 0) {
-        ctx.save();
-        ctx.beginPath(); //开始绘制
-        ctx.arc(left + imagesize / 2, 505 * unit, imagesize / 2, 0, 2 * Math.PI);
-        ctx.setLineWidth(4 * unit);
-        ctx.setStrokeStyle('red');
-        ctx.setFillStyle("white");
-        ctx.fill();
-        ctx.clip();
-        ctx.drawImage(images[6], left, 505 * unit - imagesize / 2, imagesize, imagesize);
-        ctx.restore(); //恢复之前保存的绘图上下文 恢复之前保存的绘图上下午即状态 还可以继续绘制
-      } else {
-        // 助力人的头像
-        ctx.drawImage(images[6], left, 505 * unit - imagesize / 2, imagesize, imagesize); //分享的背景图片
-      }
-      left += imagesize + spacing;
-    }
-    ctx.setFillStyle("rgb(255,255,255)");
-    ctx.setFontSize(size);
-    ctx.fillText("优惠乐翻天，精彩就在你身边!", 37 * unit, 595 * unit);
-    ctx.setFillStyle("rgb(255,255,255)");
-    ctx.setFontSize(size);
-    ctx.fillText("2019.06.26 - 2019.07.02!", 37 * unit, 620 * unit);
-    ctx.setFillStyle("rgb(255,255,255)");
-    ctx.setFontSize(size);
-    ctx.fillText("长按识别二维码，可帮我助力!", 37 * unit, 660 * unit);
-    ctx.drawImage(images[7], 325 * unit, 595 * unit, 77 * unit, 77 * unit); //分享的背景图片
-    ctx.save();
-    //读取文件成功则OK--
-    // wx.getImageInfo({
-    //   src: path3,
-    //   success: function (res) {
-    //把画板内容绘制成图片，并回调 画板图片路径
-    ctx.draw(false, function() {
-      setTimeout(function() {
-        wx.canvasToTempFilePath({
-          x: 0,
-          y: 0,
-          width: 300,
-          height: 500,
-          destWidth: 400 * 2,
-          destHeight: 720 * 2,
-          canvasId: 'share_id',
-          success: function(res) {
-            wx.hideLoading();
-            var shareImgPath = th.data.shareImgPath;
-            shareImgPath[0] = res.tempFilePath;
-
-            th.setData({
-              shareImgPath: shareImgPath,
-              canvasHidden: 1,
-              is_share: 1
-            })
-            if (!res.tempFilePath) {
-              wx.showModal({
-                title: '提示',
-                content: '图片绘制中，请稍后重试',
-                showCancel: false
-              })
-              return false;
-            }
-
-          },
-          fail(r) {
-
-          }
-        }, 500)
-      })
-    })
-    
-  },
+  
   preview: function() {
     var th = this;
     var shareImgPath = th.data.shareImgPath;
@@ -1042,7 +931,7 @@ Page({
           //   dynamic: data
           // })
           // th.info_head();
-          th.imageinfo();
+          //th.imageinfo();
           setTimeout(function () {
             th.shareFrends();
           }, 500)
@@ -138,19 +138,18 @@
 <!--********** 钱巧玲 -->
-<!-- <view>
- 
-  <view class="dust"></view>
+<view wx:if="{{is_share}}" >
+  <view class="dust"></view>
   <view class="canvas" style="width:100%;">
     <view class="flex-center">
-      <canvas wx:if="{{is_share}}" canvas-id="share_id" style="width:600rpx;height:1000rpx;" bindtap="preview"></canvas>
+      <canvas canvas-id="share_id" style="width:600rpx;height:1000rpx;" bindtap="preview"></canvas>
     </view>
-    <view wx:if="{{is_share}}" class="closes flex-center">
+    <view  class="closes flex-center">
       <image class="close" src="{{iurl}}/miniapp/images/plus/Close.png" bindtap="close_share"></image>
     </view>
   </view>
-</view> -->
+</view>
 <!-- 引入提示组件 -->
 <warn id="warn"></warn>
 <!--  制作一个圆球导航  -->