0.1.3

app.json

@@ -12,6 +12,7 @@
     "backgroundTextStyle": "light",
     "navigationBarBackgroundColor": "#fff",
     "navigationBarTitleText": "数学计算题",
-    "navigationBarTextStyle": "black"
+    "navigationBarTextStyle": "black",
+    "backgroundColor":"#000000"
   }
 }

pages/main/detail.js

@@ -2,29 +2,41 @@ import common from '../../utils/util';
 import server from '../../utils/main';
 
 const app = getApp();
-var times=1;
+var times = 1;
+var pageIndex = 0;
+var QuestionList = [];
+var isAndroid=false;
+const waitTime = ["", "10秒钟", "15秒钟", "20秒钟", "25秒钟", "半分钟", "35秒钟", "40秒钟", "45秒钟"];
 
 Page({
   data: {
     version: app.globalData.version,
     FileUrl: app.globalData.fileUrl,
-    IsShowMenu:false,
-    filter:'horizontal',
-    PageNumber:1,
+    IsShowMenu: false,
+    filter: 'horizontal',
+    //filter: 'vertical',
+    PageNumber: 1,
+    PageCount: 60,
     IsFinished: false,
+    arrPage:[],
+    ShowLoading:false,
   },
   onLoad: function(options) {
     var id = options.id;
     this.setData({
       Containnerheight: server.getWindowHeight(),
-      ID:id,
+      ID: id,
     });
     var systemInfo = wx.getSystemInfoSync();
     if (systemInfo.system && systemInfo.system.indexOf("Android") >= 0) {
-      times=2;
+      times = 2;
     }
     this.getDetail(id);
-    
+
+    isAndroid = false;
+    if (app.globalData.systemInfo.system && app.globalData.systemInfo.system.indexOf("Android") >= 0)
+      isAndroid=true;
+
   },
   getDetail: function(id) {
     var item;
@@ -43,41 +55,235 @@ Page({
       QuestionTypeItem: item,
     });
   },
-  gotoAnswer: function (e) {
+  gotoAnswer: function(e) {
     wx.navigateTo({
       url: '../main/answer',
     });
   },
-  getFinish:function(){
+  getFinish: function() {
     this.setData({
       IsFinished: true,
     });
     this.getList(this.data.ID);
   },
 
-  getList: function (id) {
+  getList: function(id) {
     var that = this;
-
-    server.getLocalHost(function () {
-      server.getData('GetQuestionTypesPrint?ID=' + id, function (data) {
+    var pageNum = that.data.PageNumber;
+    var QuestionTypeCategory = 3;
+    if (that.data.filter == "horizontal")
+      QuestionTypeCategory = 2;
+    pageIndex = 0;
+    server.getLocalHost(function() {
+      server.getData('GetQuestionTypesPrint?ID=' + id + '&QuestionTypeCategory=' + QuestionTypeCategory + '&PageNum=' + pageNum, function(data) {
         //console.log("UserInfo:" + data);
         if (data) {
-          that.saveImage(data);
+          that.setData({
+            ShowLoading:true,
+            arrPage: [],
+            WaitTime: waitTime[that.data.PageNumber],
+          });
+          QuestionList = data;
+          
+
+          if (isAndroid) {
+            var ctx = wx.createCanvasContext("Canvas", that);
+            ctx.fillRect(0, 0, 1050, 1485);
+            ctx.draw(true, function (n) {
+              wx.canvasToTempFilePath({
+                x: 0,
+                y: 0,
+                width: 2100,
+                height: 2970,
+                canvasId: 'Canvas',
+                success: function (res2) {
+                  that.saveImage();
+                }
+              })
+            });
+          }
+          else{
+            that.saveImage();
+          }
         }
       });
-
     });
   },
-  saveImage: function (item) {
+  saveImage: function() {
+    var item = QuestionList;
+
     var that = this;
     var ctx = wx.createCanvasContext("Canvas", that);
     ctx.setFillStyle('white');
-    ctx.fillRect(0, 0, 1050, 1485);
+    ctx.fillRect(0, 0, 2100, 2970);
+    ctx.fillStyle = "#000000";
+
+    //计算数组最大长度
+    var maxLength = 0;
+    for (var l = 0; l < item.QuestionList.length; l++) {
+      var num1 = item.QuestionList[l];
+      if (num1.Vertical) {
+        for (var n = 0; n < num1.Vertical.length; n++) {
+          if (maxLength < num1.Vertical[n].Array.length)
+            maxLength = num1.Vertical[n].Array.length;
+        }
+      }
+    }
+
+    var xStart = 60;
+    var yStart = 247;
+
+    var height = 150;
+    if (item.QuestionTypeCategory == 2)
+      height = 59;
+    if (item.PageCount == 18)
+      height = 210;
+    else if (item.PageCount == 15)
+      height = 250;
+    //括号
+    var index = 0;
+    ctx.setFontSize(12);
+    for (var i = 0; i < 3; i++) {
+      for (var j = 0; j < item.PageCount / 3; j++) {
+        index++;
+        ctx.fillText("(", xStart + i * 310, yStart + j * height);
+        ctx.fillText(")", xStart + i * 310 + 22, yStart + j * height);
+      }
+    }
+
+    //编号
+    index = 0;
+    ctx.setTextAlign('center');
+    var numberLeft = 12;
+    if (isAndroid)
+      numberLeft = 14;
+    for (var i = 0; i < 3; i++) {
+      for (var j = 0; j < item.PageCount / 3; j++) {
+        index++;
+        ctx.fillText(index, xStart + i * 310 + numberLeft, yStart + j * height);
+      }
+    }
+
+    //算式
+    index = 0;
+    ctx.setFontSize(24);
+    for (var i = 0; i < 3; i++) {
+      for (var j = 0; j < item.PageCount / 3; j++) {
+        index++;
+
+        //横式
+        if (item.QuestionTypeCategory == 2) {
+
+          var A = item.QuestionList[index - 1].A.toString();
+          if (item.QuestionList[index - 1].HiddenColumn == "A")
+            A = "____";
+          var OperateAB = item.QuestionList[index - 1].OperateAB.toString();
+          console.log(OperateAB);
+          var B = item.QuestionList[index - 1].B.toString();
+          if (item.QuestionList[index - 1].HiddenColumn == "B")
+            B = "____";
+          var equation = A + " " + OperateAB + " " + B;
+          if (item.QuestionList[index - 1].C) {
+            var OperateBC = item.QuestionList[index - 1].OperateBC.toString();
+            var C = item.QuestionList[index - 1].C.toString();
+            equation += " " + OperateBC + " " + C;
+            if (item.QuestionList[index - 1].D) {
+              var OperateCD = item.QuestionList[index - 1].OperateCD.toString();
+              var D = item.QuestionList[index - 1].D.toString();
+              equation += " " + OperateCD + " " + D;
+            }
+          }
+          equation += " = ";
+          var R = item.QuestionList[index - 1].R.toString();
+          if (item.QuestionList[index - 1].HiddenColumn == "R")
+            R = "";
+          equation += R;
+
+          var num = xStart + i * 310 + 31;
+
+          for (var n = 0; n < equation.length; n++) {
+            var len = getLength(equation[n]);
+            num += len;
+            if (equation[n] == ".") {
+              ctx.fillText(equation[n], num + 3, yStart + j * 59);
+            } else {
+              var h = 0;
+              if (equation[n] == "_")
+                h = 8;
+              ctx.fillText(equation[n], num, yStart + j * 59 + h);
+            }
+          }
+        }
+        //竖式
+        else if (item.QuestionTypeCategory == 3) {
+
+          var num1 = item.QuestionList[index - 1];
+          var isAnswer = false;
+
+          var width = 250;
+          if (num1.OperateAB == "÷")
+            width = 240;
+
+          //console.log(num1);
+          for (var n = 0; n < num1.Vertical.length; n++) {
+            if (maxLength > num1.Vertical[n].Array.length) {
+              if (num1.OperateAB != "÷")
+                num1.Vertical[n].Array.splice(1, 0, "");
+            }
+          }
+          console.log(num1);
+
+
+          for (var n = 0; n < num1.Vertical.length; n++) {
+            var num = xStart + i * 310 + width;
+            for (var m = num1.Vertical[n].Array.length - 1; m >= 0; m--) {
+              var str = "";
+              if (num1.Vertical[n].Type == "line") {
+
+                var lineLength = num1.Vertical[n].Array.length * 30 + 20;
+                if (num1.OperateAB == "÷") {
+                  lineLength = num1.A.toString().length * 30;
+                }
+                ctx.moveTo(num, yStart + j * height + n * 30);
+                ctx.lineTo(num - lineLength, yStart + j * height + n * 30);
+                ctx.stroke();
+
+                if (num1.OperateAB != "÷")
+                  isAnswer = true;
+                break;
+              }
+              else {
+                str = num1.Vertical[n].Array[m];
+
+                if (num1.OperateAB == "÷" && str == "√") {
+                  isAnswer = true;
+                  ctx.drawImage("../../images/formula_division_size02.png", num - (num1.Vertical[n].Array.length - m) * 30 - 20, yStart + j * height + n * 30 - 31, 56, 76);
+                  //break;
+                }
+                else if (num1.OperateAB == "÷" && n == 0) {
+                }
+                else if (num1.OperateAB == "÷" && n == 1) {
+                  ctx.fillText(str, num - (num1.Vertical[n].Array.length - m) * 10, yStart + j * height + n * 30);
+                }
+                else {
+                  ctx.fillText(str, num - (num1.Vertical[n].Array.length - m) * 30, yStart + j * height + n * 30);
+                }
+              }
+
+            }
+            if (isAnswer)
+              break;
+          }
+
+        }
+      }
+    }
+
     ctx.setTextAlign('left');
     ctx.setTextBaseline('top');
-    ctx.fillStyle = "#000000";
     ctx.setFontSize(32);
     ctx.fillText(item.Name, 60, 45);
+    ctx.fillText("99", 835, 50);
 
 
     ctx.setFontSize(12);
@@ -90,88 +296,54 @@ Page({
     ctx.fillText("出题时间 " + item.CreateTime, 875, 94);
     ctx.fillText("微信扫一扫 计时看答案", 875, 111);
     ctx.fillText("《数学计算题》选题 打印 扫码 批改", 875, 137);
-    ctx.setFontSize(32);
-    ctx.fillText("99", 875, 50);
     ctx.drawImage("../../images/answer.png", 890, 54, 100, 100);
 
-    ctx.setTextBaseline('middle');
-    var xStart = 60;
-    var yStart = 247;
-    var index = 0;
-    for (var i = 0; i < 3; i++) {
-      for (var j = 0; j < 20; j++) {
-        index++;
-        ctx.setTextAlign('left');
-        ctx.setFontSize(12);
-        ctx.fillText("(", xStart + i * 310, yStart + j * 59);
-        ctx.setTextAlign('center');
-        ctx.fillText(index, xStart + i * 310 + 13, yStart + j * 59);
-        ctx.setTextAlign('left');
-        ctx.fillText(")", xStart + i * 310 + 22, yStart + j * 59);
-
-        ctx.setFontSize(24);
-
-        var A = item.QuestionList[index - 1].A.toString();
-        if (item.QuestionList[index - 1].HiddenColumn == "A")
-          A = "____";
-        var OperateAB = item.QuestionList[index - 1].OperateAB.toString();
-        console.log(OperateAB);
-        var B = item.QuestionList[index - 1].B.toString();
-        if (item.QuestionList[index - 1].HiddenColumn == "B")
-          B = "____";
-        var equation = A + " " + OperateAB + " " + B;
-        if (item.QuestionList[index - 1].C) {
-          var OperateBC = item.QuestionList[index - 1].OperateBC.toString();
-          var C = item.QuestionList[index - 1].C.toString();
-          equation += " " + OperateBC + " " + C;
-          if (item.QuestionList[index - 1].D) {
-            var OperateCD = item.QuestionList[index - 1].OperateCD.toString();
-            var D = item.QuestionList[index - 1].D.toString();
-            equation += " " + OperateCD + " " + D;
-          }
-        }
-        equation += " = ";
-        var R = item.QuestionList[index - 1].R.toString();
-        if (item.QuestionList[index - 1].HiddenColumn == "R")
-          R = "";
-        equation += R;
-
-        var num = xStart + i * 310 + 31;
-        ctx.setTextAlign('center');
-        for (var n = 0; n < equation.length; n++) {
-          var len = getLength(equation[n]);
-          num += len;
-          if (equation[n] == ".") {
-            ctx.fillText(equation[n], num + 3, yStart + j * 59);
-          } else {
-            var h = 0;
-            if (equation[n] == "_")
-              h = 8;
-            ctx.fillText(equation[n], num, yStart + j * 59 + h);
-          }
-        }
-      }
-    }
-
+    ctx.draw(true, function(n) {
+      var w = 1050,
+        h = 1485;
 
-    ctx.draw(true, function (n) {
-      var w=1050,h=1485;
-      
 
       wx.canvasToTempFilePath({
         x: 0,
         y: 0,
-        width: w*times,
-        height: h*times,
+        width: w * times,
+        height: h * times,
         //destWidth: w*times,
         //destHeight: h*times,
         canvasId: 'Canvas',
-        success: function (res2) {
+        success: function(res2) {
           console.log(res2.tempFilePath);
-          wx.previewImage({
-            current: res2.tempFilePath, // 当前显示图片的http链接
-            urls: [res2.tempFilePath] // 需要预览的图片http链接列表
-          });
+
+          wx.saveImageToPhotosAlbum({
+            filePath: res2.tempFilePath,
+            success(res3) {
+              console.log("save:" + res3.savedFilePath);
+              that.data.arrPage.push(res2.tempFilePath);
+
+              that.setData({
+                arrPage: that.data.arrPage,
+              });
+
+              if (that.data.arrPage.length < that.data.PageNumber) {
+                pageIndex++;
+                that.saveImage();
+              } else {
+                that.setData({
+                  ShowLoading: false,
+                });
+
+                wx.previewImage({
+                  current: that.data.arrPage[0], // 当前显示图片的http链接
+                  urls: that.data.arrPage // 需要预览的图片http链接列表
+                });
+              }
+            },
+            fail(err3) {
+              console.log(err3);
+              
+            },
+          })
+                    
         }
       })
     });
@@ -197,31 +369,53 @@ Page({
     }
 
   },
-  changePageNumber: function (e) {
+  changePageNumber: function(e) {
     var id = Number(e.currentTarget.dataset.id);
-    this.data.PageNumber+=id;
-    if (this.data.PageNumber<1)
-      this.data.PageNumber=1;
-    else if (this.data.PageNumber > 5)
-      this.data.PageNumber = 5;
+    this.data.PageNumber += id;
+    if (this.data.PageNumber < 1)
+      this.data.PageNumber = 1;
+    else if (this.data.PageNumber > 8)
+      this.data.PageNumber = 8;
 
     this.setData({
       PageNumber: this.data.PageNumber,
     });
   },
-  menuClick: function (e) {
+  showImage:function(e){
+    var that = this;
+    var id=e.currentTarget.dataset.id;
+    wx.previewImage({
+      current: that.data.arrPage[id], // 当前显示图片的http链接
+      urls: that.data.arrPage // 需要预览的图片http链接列表
+    });
+  },
+  closeLoading:function(){
+    var that=this;
+    that.setData({
+      ShowLoading: false,
+      IsFinished:false,
+    });
+  },
+  menuClick: function(e) {
     this.data.filter = e.currentTarget.dataset.id;
+    if (this.data.filter == "horizontal") {
+      this.data.PageCount = this.data.QuestionTypeItem.QuestionNumber2;
+    } else if (this.data.filter == "vertical") {
+      this.data.PageCount = this.data.QuestionTypeItem.QuestionNumber3;
+    }
+
     this.setData({
       filter: this.data.filter,
       IsShowMenu: false,
+      PageCount: this.data.PageCount,
     });
   },
-  closeMenu: function () {
+  closeMenu: function() {
     this.setData({
       IsShowMenu: false,
     });
   },
-  openMenu: function () {
+  openMenu: function() {
     this.setData({
       IsShowMenu: true,
     });

pages/main/detail.wxml

@@ -42,7 +42,7 @@
 
           <block wx:if="{{filter=='horizontal'}}">横式</block>
           <block wx:if="{{filter=='vertical'}}">竖式</block>
-          <block wx:if="{{filter=='all'}}">横式+竖式</block>
+          <!-- <block wx:if="{{filter=='all'}}">横式+竖式</block> -->
 
         </view>
         <view class="btnAddSub"></view>
@@ -60,7 +60,7 @@
       <view class="btnAddSub" bindtap='changePageNumber' data-id="1"></view>
     </view>
 
-    <view class="text5">每份含 9道题目</view>
+    <view class="text5">每份含 {{PageCount}} 道题目，至多 8 份</view>
 
     <image class="universalpic_line_dashed_size01" src="../../images/universalpic_line_dashed_size01.png" />
 
@@ -78,14 +78,9 @@
         <image class="universalpic_right_white_size01" src="../../images/universalpic_right_white_size01.png" />
       </view>
       <view class="text6">完成了</view>
-      <view class="text7">题目以图片格式保存到手机相册，共 6张</view>
+      <view class="text7">题目以图片格式保存到手机相册，共 {{arrPage.length}} 张</view>
       <view class="panel21 FlexRow">
-        <view class="panel210"></view>
-        <view class="panel210"></view>
-        <view class="panel210"></view>
-        <view class="panel210"></view>
-        <view class="panel210"></view>
-        <view class="panel210"></view>
+        <image class="panel210" wx:for="{{arrPage}}" wx:key="index" src="{{item}}" data-id='{{index}}' bindtap='showImage' />
       </view>
 
       <image class="universalpic_line_dashed_size01" src="../../images/universalpic_line_dashed_size01.png" />
@@ -122,12 +117,12 @@
       <image wx:if="{{filter=='vertical'}}" class="universalpic_select_on_black" src="../../images/universalpic_select_on_black.png" />
 
     </view>
-    <view class="line"></view>
+    <!-- <view class="line"></view>
     <view class="panel FlexRow" bindtap='menuClick' data-id="all">
       <view>横式+竖式</view>
       <image wx:if="{{filter=='all'}}" class="universalpic_select_on_black" src="../../images/universalpic_select_on_black.png" />
 
-    </view>
+    </view> -->
     <view class="line"></view>
     <view class="line2"></view>
     <view class="line"></view>
@@ -137,5 +132,29 @@
 
   </view>
 
+</view>
+
+<view class="loading container FlexColumn" style="min-height:{{Containnerheight}}rpx;" wx:if="{{ShowLoading}}">
+  <view class="loading1 FlexColumn">
+    <view class="line1"></view>
+    <view class="line2 FlexColumn">
+      <view class="text">共 {{PageNumber}} 张图片</view>
+      <view class="text2">正在保存第 {{arrPage.length}} 张... 可能需要{{WaitTime}}</view>
+    </view>
+    <view class="line3 FlexColumn">
+      <view class="text3">使用建议</view>
+      <view class="text4">每张卷子里的题目都是动态生成哒，每次出题都会得到不同的结果。</view>
+    </view>
+    <view class="line4"></view>
+    <image class="universalpic_attention_light_red_bg" src="../../images/universalpic_attention_light_red_bg.png" />
+    <image class="universalpic_attention_light_red" src="../../images/universalpic_attention_light_red.gif" />
+    
+  </view>
+  <view class="close FlexRow">
+    <view class="close1 FlexRow" bindtap='closeLoading'>
+    <image class="universalpic_close_white_size01" src="../../images/universalpic_close_white_size01.png" />
+    </view>
+  </view>
+
 </view>
 <canvas class='Canvas' canvas-id="Canvas"></canvas>

pages/main/detail.wxss

@@ -360,5 +360,101 @@
   top:0rpx;
 }
 
+.loading {
+  position: fixed;
+  top:0;
+  z-index: 100;
+  background-color: rgba(229,167,68,0.8);
+}
+
+.loading .loading1 {
+  position: absolute;
+  top:317rpx;
+  width:100%;
+}
+
+.loading1 .line1 {
+  width:100%;
+  height:20rpx;
+  background-color: #A63917;
+}
+
+
+.loading1 .line2 {
+  width:100%;
+  height:279rpx;
+  background-color: #FFE6C2;
+  z-index: 100;
+}
+
+.loading1 .text {
+  font-size:48rpx;
+  margin-top:60rpx;
+}
+
+.loading1 .text2 {
+  font-size:24rpx;
+  margin-top: 10rpx;
+}
+
+.loading1 .line3 {
+  width:100%;
+  height:250rpx;
+  background-color: #A63917;
+  color:#fff;
+}
+
+.loading1 .text3 {
+  font-size:28rpx;
+}
+
+.loading1 .text4 {
+  font-size:32rpx;
+  margin-top: 10rpx;
+  font-weight: 400;
+  text-align: center;
+  width: 690rpx;
+}
+
+.loading1 .line4 {
+  width:100%;
+  height:20rpx;
+  background-color: #7D2B25;
+  margin-top: 0rpx;
+}
+
+
+.loading1 .universalpic_attention_light_red_bg{
+  width:172rpx;
+  height:192rpx;
+  z-index: 110;
+  position: absolute;
+  top:-91rpx;
+}
+.loading1 .universalpic_attention_light_red{
+  width:90rpx;
+  height:90rpx;
+  position: absolute;
+  top: -40rpx;
+  z-index: 110;
+}
+
+.loading .close {
+  position: fixed;
+  bottom:126rpx;
+  width:100%;
+}
+.loading .close1 {
+  width:120rpx;
+  height:120rpx;
+  border-radius: 50%;
+  background-color: #B3443B;
+}
+
+.universalpic_close_white_size01{
+  width:26rpx;
+  height:26rpx;
+}
+
 
 

pages/main/list.js

@@ -54,6 +54,8 @@ Page({
     });
   },
   buildList:function(){
+    var that=this;
+
     var arrID = categoryID.split(",");
     var list = [];
 
@@ -93,6 +95,28 @@ Page({
     this.setData({
       QuestionTypeList: list,
     });
+
+    setTimeout(function(){
+      var query = wx.createSelectorQuery();
+      query.select('.line4').boundingClientRect();
+      query.exec(function (res) {
+        //console.log("top2:" + (res[0].top));
+        var LineLongHeight = Number(res[0].top) * 2;
+        if (that.data.CategoryNum == 1 )
+          LineLongHeight+=430;
+        else if (that.data.CategoryNum == 2)
+          LineLongHeight += 320;
+        else if (that.data.CategoryNum == 3)
+          LineLongHeight += 280;
+        else if (that.data.CategoryNum == 4)
+          LineLongHeight += 30;
+        console.log("LineLongHeight:" + LineLongHeight);
+        that.setData({
+          LineLongHeight: LineLongHeight,
+        });
+      });
+    },200);
+    
   },
   menuClick:function(e){
     this.data.filter = e.currentTarget.dataset.id;

pages/main/list.wxml

@@ -66,12 +66,13 @@
   <view class="line4"></view>
 
   <view class="line5"></view>
+  <view class="line6" hidden="{{QuestionTypeList.length>0}}"></view>
 
-  <view class="lineLeft lineLong FlexRow" style="height:{{ (540+QuestionTypeList.length*190) }}rpx;">
+  <view class="lineLeft lineLong FlexRow" style="height:{{ LineLongHeight }}rpx;">
     <view class="lineLong1">
     </view>
   </view>
-  <view class="lineRight lineLong FlexRow" style="height:{{ (540+QuestionTypeList.length*190) }}rpx;">
+  <view class="lineRight lineLong FlexRow" style="height:{{ LineLongHeight }}rpx;">
     <view class="lineLong2">
     </view>
   </view>

pages/main/list.wxss

@@ -191,6 +191,11 @@
   height: 50rpx;
   background-color: #514a47;
 }
+.line6 {
+  width: 100%;
+  height: 550rpx;
+  background-color: #514a47;
+}
 
 .lineLong {
   width: 30rpx;

pages/main/print.js

@@ -1,39 +1,236 @@
 import common from '../../utils/util';
 import server from '../../utils/main';
 
-const app = getApp()
+const app = getApp();
+var QuestionList = [];
+var isAndroid = false;
+
 Page({
   data: {
     Left: 0,
   },
-  onLoad: function(options) {
+  onLoad: function (options) {
     var id = options.id;
-    id = 179;
-    this.getList(id);
+    id = 183;
+    var QuestionTypeCategory=3;
+    this.getList(id, QuestionTypeCategory);
+
+    isAndroid = false;
+    if (app.globalData.systemInfo.system && app.globalData.systemInfo.system.indexOf("Android") >= 0)
+      isAndroid = true;
+
   },
-  getList: function(id) {
+  getList: function (id, QuestionTypeCategory) {
     var that = this;
 
-    server.getLocalHost(function() {
-      server.getData('GetQuestionTypesPrint?ID=' + id, function(data) {
+    server.getLocalHost(function () {
+      server.getData('GetQuestionTypesPrint?QuestionTypeCategory=' + QuestionTypeCategory+'&ID=' + id, function (data) {
         //console.log("UserInfo:" + data);
         if (data) {
-          that.saveImage(data);
+          //var data=wx.getStorageSync("TestPrint");
+          QuestionList = data;
+          var ctx = wx.createCanvasContext("Canvas", that);
+          ctx.setFillStyle('white');
+          ctx.fillRect(0, 0, 1050, 1485);
+          ctx.draw(true, function (n) {
+            wx.canvasToTempFilePath({
+              x: 0,
+              y: 0,
+              width: 2100,
+              height: 2970,
+              destWidth: 2100,
+              destHeight: 2970,
+              canvasId: 'Canvas',
+              success: function (res2) {
+                console.log(res2.tempFilePath);
+                that.saveImage();
+              }
+            })
+          });
         }
       });
 
     });
   },
-  saveImage: function(item) {
+  saveImage: function () {
+    var item = QuestionList;
+
     var that = this;
     var ctx = wx.createCanvasContext("Canvas", that);
     ctx.setFillStyle('white');
+    //ctx.fillRect(0, 0, 1050, 1485);
     ctx.fillRect(0, 0, 1050, 1485);
+    ctx.fillStyle = "#000000";
+
+    //计算数组最大长度
+    var maxLength = 0;
+    for (var l = 0; l < item.QuestionList.length; l++) {
+      var num1 = item.QuestionList[l];
+      if (num1.Vertical) {
+        for (var n = 0; n < num1.Vertical.length; n++) {
+          if (maxLength < num1.Vertical[n].Array.length)
+            maxLength = num1.Vertical[n].Array.length;
+        }
+      }
+    }
+
+    var xStart = 60;
+    var yStart = 247;
+
+    var height = 150;
+    if (item.QuestionTypeCategory == 2)
+      height = 59;
+    if (item.PageCount == 18)
+      height = 210;
+    else if (item.PageCount == 15)
+      height = 250;
+    //括号
+    var index = 0;
+    ctx.setFontSize(12);
+    for (var i = 0; i < 3; i++) {
+      for (var j = 0; j < item.PageCount / 3; j++) {
+        index++;
+        ctx.fillText("(", xStart + i * 310, yStart + j * height);
+        ctx.fillText(")", xStart + i * 310 + 22, yStart + j * height);
+      }
+    }
+
+    //编号
+    index = 0;
+    ctx.setTextAlign('center');
+    var numberLeft = 12;
+    if (isAndroid)
+      numberLeft = 14;
+    for (var i = 0; i < 3; i++) {
+      for (var j = 0; j < item.PageCount / 3; j++) {
+        index++;
+        ctx.fillText(index, xStart + i * 310 + numberLeft, yStart + j * height);
+      }
+    }
+
+    //算式
+    index = 0;
+    ctx.setFontSize(24);
+    for (var i = 0; i < 3; i++) {
+      for (var j = 0; j < item.PageCount / 3; j++) {
+        index++;
+
+        //横式
+        if (item.QuestionTypeCategory == 2) {
+
+          var A = item.QuestionList[index - 1].A.toString();
+          if (item.QuestionList[index - 1].HiddenColumn == "A")
+            A = "____";
+          var OperateAB = item.QuestionList[index - 1].OperateAB.toString();
+          console.log(OperateAB);
+          var B = item.QuestionList[index - 1].B.toString();
+          if (item.QuestionList[index - 1].HiddenColumn == "B")
+            B = "____";
+          var equation = A + " " + OperateAB + " " + B;
+          if (item.QuestionList[index - 1].C) {
+            var OperateBC = item.QuestionList[index - 1].OperateBC.toString();
+            var C = item.QuestionList[index - 1].C.toString();
+            equation += " " + OperateBC + " " + C;
+            if (item.QuestionList[index - 1].D) {
+              var OperateCD = item.QuestionList[index - 1].OperateCD.toString();
+              var D = item.QuestionList[index - 1].D.toString();
+              equation += " " + OperateCD + " " + D;
+            }
+          }
+          equation += " = ";
+          var R = item.QuestionList[index - 1].R.toString();
+          if (item.QuestionList[index - 1].HiddenColumn == "R")
+            R = "";
+          equation += R;
+
+          var num = xStart + i * 310 + 31;
+          
+          for (var n = 0; n < equation.length; n++) {
+            var len = getLength(equation[n]);
+            num += len;
+            if (equation[n] == ".") {
+              ctx.fillText(equation[n], num + 3, yStart + j * 59);
+            } else {
+              var h = 0;
+              if (equation[n] == "_")
+                h = 8;
+              ctx.fillText(equation[n], num, yStart + j * 59 + h);
+            }
+          }
+        }
+        //竖式
+        else if (item.QuestionTypeCategory == 3) {
+
+          var num1 = item.QuestionList[index - 1];
+          var isAnswer = false;
+
+          var width = 250;
+          if (num1.OperateAB == "÷")
+            width=240;
+
+          //console.log(num1);
+          for (var n = 0; n < num1.Vertical.length; n++) {
+            if (maxLength > num1.Vertical[n].Array.length) {
+              if (num1.OperateAB != "÷")
+                num1.Vertical[n].Array.splice(1, 0, "");
+            }
+          }
+          console.log(num1);
+
+
+          for (var n = 0; n < num1.Vertical.length; n++) {
+            var num = xStart + i * 310 + width;
+            for (var m = num1.Vertical[n].Array.length - 1; m >= 0; m--) {
+              var str = "";
+              if (num1.Vertical[n].Type == "line") {
+
+                var lineLength = num1.Vertical[n].Array.length * 30+20;
+                var lineTop=-15;
+                if (num1.OperateAB == "÷") {
+                  lineLength = num1.A.toString().length * 30;
+                  lineTop=0;
+                }
+                
+                ctx.moveTo(num, yStart + j * height + n * 30 + lineTop);
+                ctx.lineTo(num - lineLength, yStart + j * height + n * 30 + lineTop);
+                ctx.stroke();
+
+                if (num1.OperateAB != "÷")
+                  isAnswer = true;
+                break;
+              }
+              else {
+                str = num1.Vertical[n].Array[m];
+
+                if (num1.OperateAB == "÷" && str == "√") {
+                  isAnswer = true;
+                  ctx.drawImage("../../images/formula_division_size02.png", num - (num1.Vertical[n].Array.length - m) * 30 - 20, yStart + j * height + n * 30 - 31, 56, 76);
+                  //break;
+                }
+                else if (num1.OperateAB == "÷" && n == 0) {
+                }
+                else if (num1.OperateAB == "÷" && n == 1) {
+                  ctx.fillText(str, num - (num1.Vertical[n].Array.length - m) * 10, yStart + j * height + n * 30);
+                }
+                else {
+                  ctx.fillText(str, num - (num1.Vertical[n].Array.length - m) * 30, yStart + j * height + n * 30);
+                }
+              }
+
+            }
+            if (isAnswer)
+              break;
+          }
+
+        }
+      }
+    }
+
     ctx.setTextAlign('left');
     ctx.setTextBaseline('top');
-    ctx.fillStyle = "#000000";
     ctx.setFontSize(32);
     ctx.fillText(item.Name, 60, 45);
+    ctx.fillText("99", 835, 50);
 
 
     ctx.setFontSize(12);
@@ -46,71 +243,10 @@ Page({
     ctx.fillText("出题时间 " + item.CreateTime, 875, 94);
     ctx.fillText("微信扫一扫 计时看答案", 875, 111);
     ctx.fillText("《数学计算题》选题 打印 扫码 批改", 875, 137);
-    ctx.setFontSize(32);
-    ctx.fillText("99", 875, 50);
     ctx.drawImage("../../images/answer.png", 890, 54, 100, 100);
 
-    ctx.setTextBaseline('middle');
-    var xStart = 60;
-    var yStart = 247;
-    var index = 0;
-    for (var i = 0; i < 3; i++) {
-      for (var j = 0; j < 20; j++) {
-        index++;
-        ctx.setTextAlign('left');
-        ctx.setFontSize(12);
-        ctx.fillText("(", xStart + i * 310, yStart + j * 59);
-        ctx.setTextAlign('center');
-        ctx.fillText(index, xStart + i * 310 + 13, yStart + j * 59);
-        ctx.setTextAlign('left');
-        ctx.fillText(")", xStart + i * 310 + 22, yStart + j * 59);
-
-        ctx.setFontSize(24);
-
-        var A = item.QuestionList[index - 1].A.toString();
-        if (item.QuestionList[index - 1].HiddenColumn == "A")
-          A = "____";
-        var OperateAB = item.QuestionList[index - 1].OperateAB.toString();
-        console.log(OperateAB);
-        var B = item.QuestionList[index - 1].B.toString();
-        if (item.QuestionList[index - 1].HiddenColumn == "B")
-          B = "____";
-        var equation = A + " " + OperateAB + " " + B;
-        if (item.QuestionList[index - 1].C) {
-          var OperateBC = item.QuestionList[index - 1].OperateBC.toString();
-          var C = item.QuestionList[index - 1].C.toString();
-          equation += " " + OperateBC + " " + C;
-          if (item.QuestionList[index - 1].D) {
-            var OperateCD = item.QuestionList[index - 1].OperateCD.toString();
-            var D = item.QuestionList[index - 1].D.toString();
-            equation += " " + OperateCD + " " + D;
-          }
-        }
-        equation += " = ";
-        var R = item.QuestionList[index - 1].R.toString();
-        if (item.QuestionList[index - 1].HiddenColumn == "R")
-          R = "";
-        equation += R;
-
-        var num = xStart + i * 310 + 31;
-        ctx.setTextAlign('center');
-        for (var n = 0; n < equation.length; n++) {
-          var len = getLength(equation[n]);
-          num += len;
-          if (equation[n] == ".") {
-            ctx.fillText(equation[n], num + 3, yStart + j * 59);
-          } else {
-            var h=0;
-            if (equation[n]=="_")
-              h=8;
-            ctx.fillText(equation[n], num, yStart + j * 59+h);
-          }
-        }
-      }
-    }
-
 
-    ctx.draw(true, function(n) {
+    ctx.draw(true, function (n) {
       wx.canvasToTempFilePath({
         x: 0,
         y: 0,
@@ -148,17 +284,15 @@ Page({
           return 12;
       }
     }
-
   },
-  moveLeft: function() {
+  moveLeft: function () {
     this.setData({
       Left: this.data.Left + 375,
     });
   },
-  moveRight: function() {
+  moveRight: function () {
     this.setData({
       Left: this.data.Left - 375,
     });
   }
-});
-
+});

pages/main/print.wxss

@@ -5,8 +5,6 @@
 .Canvas{
   width: 2100rpx; 
   height: 2970rpx;
-  background-color:#f2f2f2;
-  /* z-index: 50; */
   position: absolute;
   left:0rpx;
   top:0rpx;