DrawText(context, text, x, y, w, fontsize) {
var chr = text.split("");
var temp = "";
var row = [];
context.font = fontsize + "px uniicons";
context.fillStyle = "#333333";
context.textBaseline = "middle";
let _lineHeight = 1.5;
for (var a = 0; a < chr.length; a++) {
if (context.measureText(temp).width < w && context.measureText(temp + (chr[a])).width < w) {
temp += chr[a];
} else {
row.push(temp);
temp = chr[a];
}
}
row.push(temp);
var TextWidth = context.measureText(row[0]); //这里计算文本的宽度
console.log(TextWidth.width); //这里显示文本的宽度
//文字全部显示
for (var b = 0; b < row.length; b++) {
context.fillText(row[b], (w / 2) - (TextWidth.width / 2), (y + (b + 1) * _lineHeight) + (fontsize - _lineHeight));
}
return context;
}
4***@qq.com (作者)
嗯嗯,由于部分功能需要这块功能,期待尽快修复....辛苦了。
2020-09-15 11:49