toFormateStr(ctx: CanvasRenderingContext2D, text:string, boxWidth: number, startX: number, startY: number, lineHeight: number) {
let textArr = text.split("");
let liner = 0;
let fontSize = 20
var drawText = (textArr: string[]) => {
for (let i = 0; i < textArr.length; i++) {
const t = textArr[i];
if (fontSize * (i + 1) > boxWidth) {
liner++;
drawText(textArr.slice(i, textArr.length))
break;
}else {
ctx.fillText(t, (startX + fontSize * i), startY + liner * fontSize + liner * lineHeight);
}
}
}
drawText(textArr);
return liner + 1;
}
canvas 文字在容器内自动换行
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- Html5新增的canvas是个强大的功能, 估计大家平时都会用到,只是频率不高,偶尔用它合成图片,但是如果不进行...
- Page({ data: { }, onLoad: function(options){ const co...
- 解决方法: 在wxss样式文件中添加样式 .font-break { word-break:break-all; ...