Размер шрифта HTML5 Canvas

Question

Когда я перевожу и масштабирую холст, текст, помещенный на холст, соответствует масштабу холста. Как мне сделать фиксированный размер независимо от масштаба холста?

Допустим, у меня есть холст, в котором я использовал масштаб, поэтому, хотя размер составляет 640x480 пикселей, масштабирование таково, что оно составляет 8x5 единиц холста. Если я сейчас использую context.fillText, текст будет ОГРОМНЫМ. Мне нужно, чтобы текст всегда был одинакового размера, скажем, 12px.

Answer 1

Вы должны временно сбросить масштаб (или установить матрицу преобразования обратно в тождество), прежде чем рисовать текст.

// I have lots of transforms right now
ctx.save();
ctx.setTransform(1, 0, 0, 1, 0, 0);
// Will always draw text in normal scale
ctx.fillText("lalalala", x, y);
ctx.restore();
// Still have my old transforms