收藏
回答

生成图片分享到朋友圈绘制文字被压扁

代码如下

canvasTextAutoLine: function (ctx, initX, initY, lineHeight, str, canvasWidth) {

var lineWidth = 0;

var lastSubStrIndex = 0;

var linenum = 0;

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

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

if (lineWidth > canvasWidth - initX*2) { //减去initX,防止边界出现的问题

ctx.fillText(str.substring(lastSubStrIndex, i), initX, initY);

initY += lineHeight;

lineWidth = 0;

lastSubStrIndex = i;

if(linenum>1){

break;

}else{

++linenum;

}

}

if (i == str.length - 1) {

ctx.fillText(str.substring(lastSubStrIndex, i + 1), initX, initY);

}

}

},


最后一次编辑于  01-08  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

1 个回答