HTML5 Canvas字体大小

时间:2011-06-08 11:49:26

标签: html5 text canvas

当我翻译和缩放画布时,放在画布上的文本对应于画布比例。无论画布的比例如何,如何使其固定大小?

假设我有一个画布,我使用了缩放,所以即使尺寸为640x480像素,缩放也是8x5画布单位。如果我现在使用context.fillText,则文本将是巨大的。我需要文本总是相同的视觉大小,比如12px。

1 个答案:

答案 0 :(得分:3)

在绘制文本之前,您必须暂时重置比例(也就是将转换矩阵设置回标识符。)

// 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