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