canvas绘制多行文本

/*

* 绘制多行文本，自动换行，超出添加...

*

str:要绘制的字符串

canvas:canvas对象

initX:绘制字符串起始x坐标

initY:绘制字符串起始y坐标

lineHeight:字行高，自己定义个值即可

maxWidth: 文本最大宽度

row: 最大行数

*/

canvasTextAutoLine: function(str, ctx, initX, initY, style, font, lineHeight, maxWidth, row) {

var lineWidth = 0;

var lastSubStrIndex = 0;

ctx.setFontSize(font);

ctx.setFillStyle(style);

ctx.setTextAlign("left");

var currentRow = 1;

maxWidth = Math.ceil(maxWidth);

for (let i = 0; i < str.length; i++) {

lineWidth += ctx.measureText(str[i]).width;

// console.log(lineWidth)

if (lineWidth > maxWidth) {

// console.log(maxWidth, "最大宽度")

currentRow++;

let newStr = str.substring(lastSubStrIndex, i + 1)

if (currentRow > row &am