小程序 cavans 多行文本溢出隐藏

 //将内容做多行文本折行处理
      const ctx = wx.createCanvasContext('share', this)
      var text = content;
      var chr = text.split(""); //这个方法是将一个字符串分割成字符串数组
      var temp = "";
      var row = [];  //最后的结果
      for (var a = 0; a < chr.length; a++) {
        if (ctx.measureText(temp).width < 200) {
          temp += chr[a];
        } else {
          a--; //这里添加了a-- 是为了防止字符丢失，效果图中有对比
          row.push(temp);
          temp = "";
        }
      }
      row.push(temp);
      //如果数组长度大于2 则截取前两个
      //如果数组长度大于3 则截取前三个
      if (row.length > 3) {
        var rowCut = row.slice(0, 3);
        var rowPart = rowCut[2];
        var test = "";
        var empty = [];
        for (var a = 0; a < rowPart.length; a++) {
          if (ctx.measureText(test).width < 220) {
            test += rowPart[a];
          } else {
            break;
          }
        }
        empty.push(test);
        var group = empty[0] + "..." //这里只显示两行，超出的用...表示
        rowCut.splice(2, 1, group);
        row = rowCut;
      }