为什么我在创建画布后不能立即设置context.fillStyle？

Question

我正在尝试跟随this的绘图画布教程 我有以下代码：

let c = document.createElement('canvas')
document.body.appendChild(c)
let ctx = c.getContext("2d")

...(set canvas size)

ctx.fillStyle = 'red';
console.log(ctx)

控制台显示在firefox和电子shell中fillStyle仍然设置为＃000000。谷歌浏览器完全像我期望的那样工作。

如果我稍后在用于绘图的mousemove事件处理程序中设置fillStyle，或者在检查器控制台中设置值，它将按预期工作。

如果它有所不同，上面的代码是绑定到DOMContentLoaded事件的ready函数顶部的顶部。

Answer 1

所以问题似乎是在画布调整大小时清除/重置上下文。