爲什麼我不能在創建畫布之後立即設置context.fillStyle？

Question

我想在perfection kills 與繪圖畫布教程的內容和我有以下代碼：

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

...(set canvas size) 

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

而且控制檯顯示的填充樣式在Firefox和電子殼層仍設置爲＃000000。谷歌瀏覽器完全按照我的預期工作。

如果稍後在mousemove事件處理程序中設置fillStyle，該處理程序用於繪圖或在檢查器控制檯中設置值，它將按預期工作。

如果它有所作爲，上面的代碼是綁定到DOMContentLoaded事件的就緒函數頂部的頂部。

Answer 1

所以這個問題似乎是上下文被清除/重置在畫布上調整大小。