javascript - 设置 context.canvas.width 会更改 context.font

Question

我想通过 Canvas 创建图像。然而，当我为 context.canvas.width 分配一个值时，当 context.font 发生变化时，会发生一些奇怪的事情。

这是我的代码:

var canvas = window.document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.fillStyle = "#0000ff";
context.font = "32px Arial";
console.log(context.font); // 32px Arial
var mT = context.measureText("Hello World!");
console.log(context.font); // 32px Arial
var width = mT.width;
console.log(context.font); // 32px Arial
context.canvas.width = width;
console.log(context.font); // 10px sans-serif

Answer 1

当您更改 Canvas 的大小时，上下文的每个属性都会重置为其默认值。