#canvas fillText

6 messages · Page 1 of 1 (latest)

polar beacon

I want if the line exceeds the canvas width it'll minimuze the text until the specfic size then it'll go to second line

const applyText = (canvas, text) => {
        const context = canvas.getContext('2d');
        let fontSize = 100;
        do {
            context.font = `${fontSize -= 1}px sans-serif`;
        } while (context.measureText(text).width > canvas.width - 140);
        return context.font;
    };
desert coralBOT
  • Consider reading #how-to-get-help to improve your question!
  • Explain what exactly your issue is.
  • Post the full error stack trace, not just the top part!
  • Show your code!
  • Issue solved? Press the button!
  • Marked as resolved by OP
sinful wharf

ok and?

whats the issue here

polar beacon

after resize it to specific size I want it to go to the seconde line instead