waifu/kemoverse
waifu/kemoverse
3
2
Fork 3
Code Issues 13 Pull requests 1 Projects 1 Releases Packages Wiki Activity

Enhance text wrapping in drawCard function to support multi-line input

Browse source
This commit is contained in:
w 2025-07-16 22:32:57 -03:00
parent 41505776af
commit eff962608f
1 changed files with 17 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
web/templates/card_creator.html
View file

@ -137,7 +137,9 @@ async function drawCardId() {
function wrapText(text, x, y, maxWidth, lineHeight) { function wrapText(text, x, y, maxWidth, lineHeight) {
const words = text.split(" "); const lines = text.split('\n');
for (let i = 0; i < lines.length; i++) {
let words = lines[i].split(" ");
let line = ""; let line = "";
for (let n = 0; n < words.length; n++) { for (let n = 0; n < words.length; n++) {
const testLine = line + words[n] + " "; const testLine = line + words[n] + " ";
@ -152,6 +154,8 @@ function wrapText(text, x, y, maxWidth, lineHeight) {
} }
} }
ctx.fillText(line, x, y); ctx.fillText(line, x, y);
y += lineHeight;
}
} }
// Update card live when inputs change // Update card live when inputs change