Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: 修复绘制文本时遇到换行和空行显示 错乱的问题 #259

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

fix: 修复绘制文本时遇到换行和空行显示 错乱的问题 #259

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
44 changes: 27 additions & 17 deletions miniprogram_dist/index/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -191,25 +191,35 @@ const handle = {
// 文本宽度 大于 渲染宽度
let fillText = '';
let line = 1;
for (let i = 0; i <= text.length - 1 ; i++) { // 将文字转为数组，一行文字一个元素
fillText = fillText + text[i];
if (this.toRpx(this.ctx.measureText(fillText).width) >= width) {
if (line === lineNum) {
if (i !== text.length - 1) {
fillText = fillText.substring(0, fillText.length - 1) + '...';
}
}
if(line <= lineNum) {
for (let i = 0; i <= text.length - 1 && line <= lineNum; i++) { // 将文字转为数组，一行文字一个元素
if (text[i] === "\n") { // 遇到换行符，将现有fillText截断，单独成行。
textArr.push(fillText);
}
fillText = '';
line++;
} else {
if(line <= lineNum) {
if(i === text.length -1){
textArr.push(fillText);
fillText = "";
line += 1;
} else if (text[i] === "") { // 遇到空行，调用canvas绘制一个\n
textArr.push("\n");
fillText = "";
line += 1;
}else {
fillText = fillText + text[i];
if (this.toRpx(this.ctx.measureText(fillText).width) >= width) {
if (line === lineNum) {
if (i !== text.length - 1) {
fillText = fillText.substring(0, fillText.length - 1) + '...';
}
}
if(line <= lineNum) {
textArr.push(fillText);
}
fillText = '';
line++;
} else {
if(line <= lineNum) {
if(i === text.length -1){
textArr.push(fillText);
}
}
}
}
}
}
textWidth = width;
Expand Down