<output id="qn6qe"></output>

    1. <output id="qn6qe"><tt id="qn6qe"></tt></output>
    2. <strike id="qn6qe"></strike>

      亚洲 日本 欧洲 欧美 视频,日韩中文字幕有码av,一本一道av中文字幕无码,国产线播放免费人成视频播放,人妻少妇偷人无码视频,日夜啪啪一区二区三区,国产尤物精品自在拍视频首页,久热这里只有精品12

      小程序畫布多行文本換行

      ctx.setFillStyle("#000");
          ctx.setTextAlign('left'); //是否居中顯示,參考點畫布中線
          ctx.font = 'normal bold 16px PingFang SC';
          var title ='阿斯頓發斯蒂芬克拉斯 剪短發拉 阿斯頓發送到發送 到發送時間段開了房間愛上';
          this.dealWords({
            ctx: ctx,//畫布上下文
            fontSize: 14,//字體大小
            word: title,//需要處理的文字
            maxWidth: 295 * rpx,//一行文字最大寬度
            x: 20 * rpx,//文字在x軸要顯示的位置
            y: 320* rpx,//文字在y軸要顯示的位置
            maxLine: 2//文字最多顯示的行數
          })
          ctx.draw();
      
        },
      
        // 多行文本
        dealWords: function (options) {
          options.ctx.setFontSize(options.fontSize);//設置字體大小
          var allRow = Math.ceil(options.ctx.measureText(options.word).width / options.maxWidth);//實際總共能分多少行
          var count = allRow >= options.maxLine ? options.maxLine : allRow;//實際能分多少行與設置的最大顯示行數比,誰小就用誰做循環次數
          var endPos = 0;//當前字符串的截斷點
          for (var j = 0; j < count; j++) {
            var nowStr = options.word.slice(endPos);//當前剩余的字符串
            var rowWid = 0;//每一行當前寬度 
            if (options.ctx.measureText(nowStr).width > options.maxWidth) {//如果當前的字符串寬度大于最大寬度,然后開始截取
              for (var m = 0; m < nowStr.length; m++) {
                rowWid += options.ctx.measureText(nowStr[m]).width;//當前字符串總寬度
                if (rowWid > options.maxWidth) {
                  if (j === options.maxLine - 1) { //如果是最后一行
                    options.ctx.fillText(nowStr.slice(0, m - 1) + '...', options.x, options.y + (j + 1) * 14); //(j+1)*18這是每一行的高度 
                  } else {
                    options.ctx.fillText(nowStr.slice(0, m), options.x, options.y + (j + 1) * 14);
                  }
                  endPos += m;//下次截斷點
                  break;
                }
              }
            } else {//如果當前的字符串寬度小于最大寬度就直接輸出
              options.ctx.fillText(nowStr.slice(0), options.x, options.y + (j + 1) * 18);
            }
          }
        },

       

      posted @ 2020-12-19 11:46  小橋流水細長流  閱讀(261)  評論(0)    收藏  舉報
      主站蜘蛛池模板: 亚洲av成人无码精品电影在线| 四虎影视4hu4虎成人| 免费无码午夜福利片| 日本久久99成人网站| 亚洲鸥美日韩精品久久| 老色鬼永久精品网站| 伊金霍洛旗| 国产av不卡一区二区| 国产一区二区亚洲一区二区三区| 欧美成本人视频免费播放 | 福利视频在线一区二区| 漂亮的保姆hd完整版免费韩国| 亚洲色偷偷色噜噜狠狠99| 天堂网av成人在线观看| 国产福利社区一区二区| 色欲国产精品一区成人精品| 天天摸夜夜摸夜夜狠狠添| 狠狠躁夜夜躁人人爽天天古典| 久久精品国产一区二区蜜芽| 久久香蕉国产线看观看精品yw| 人妻少妇偷人精品免费看| 又爽又黄又无遮掩的免费视频| 无码人妻一区二区三区免费N鬼沢 亚洲国产精品自产在线播放 | 国产h视频在线观看| 日韩一区二区三区三级| 国产精品一二三中文字幕| 中文字幕av无码一区二区三区| 日本熟妇色xxxxx| 午夜福利精品国产二区| 国产精品一区二区三区卡| 超清无码一区二区三区| 中文字幕人妻无码一区二区三区| 洛南县| 在线a亚洲老鸭窝天堂| 亚洲国产日韩欧美一区二区三区| 精品久久久久久无码免费| 亚洲成av人片天堂网| 国产性天天综合网| 国产极品丝尤物在线观看| 亚洲av成人在线一区| 丰满的熟妇岳中文字幕|