2016-10-22 9 views
0

私はperfection kills で描画キャンバスのチュートリアルと一緒に従うことをしようとしていますし、私は次のコードを持っている:キャンバスを作成した直後にcontext.fillStyleを設定できないのはなぜですか?

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

...(set canvas size) 

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

を、コンソールがのfillStyleはまだFirefoxと電子殻に#000000に設定されていることを示しています。 google chromeは私が期待するように完全に機能します。

後でinspectorコンソールで値を設定するか、描画に使用するmousemoveイベントハンドラでfillStyleを設定すると、期待通りに機能します。

違いがある場合、上記のコードは、DOMContentLoadedイベントにバインドされた私の準備関数の一番上にあります。

+0

オブジェクトをコンソールに出力すると、オブジェクトを変更することができます。 console.logを呼び出すときにfillStyleが実際に "#000000"であることを確認するには、console.log(ctx.fillStyle)を使用します。それはプリミティブ型で変更されない文字列を表示するためです。 – Blindman67

答えて

0

したがって、キャンバスのサイズ変更でコンテキストがクリア/リセットされているように見えます。

関連する問題