• 当前标签:自动换行

程序开发 小程序canvas文字自动换行,回车符自动换行

const ctx = wx.createCanvasContext('customCanvas') // 文字自动换行 function fillText(height, text, cb) { var chr = text.split(""); //这个方法是将一个字符串分割成字符串数组 var temp = ""; var row = []; ctx.setFontSize(14) for (var a = 0; a < chr.length; a++) { if ((chr[a] == '\n') || (chr[a] == '↵') || (chr[a] == '\r') || (chr[a] == '\r\n')) { // 如果有回车符则换行 row.push(temp); temp = ""; } else if (ctx.measureText(temp).width < 295) { temp += chr[a]; } else { a--; //这里添加了a-- 是为了防止字符丢失,效果图中有对比 row.push(temp); temp = ""; } } row.push(temp); //如果数组长度大于2 则截取前两个 // if (row.length > 2) { // var rowCut = row.slice(0, 2); // var rowPart = rowCut[1]; // 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(1, 1, group); // row = rowCut; //

2019-03-28 19:36:09 131 0 0
阅读详情
  • 1
前往