【週刊ドットインストール】 考える力を養うための新クラス『データで学ぶアルゴリズム』を256timesでリリース!
他のレッスンでは canvas をconstructor にプロパティとしていませんでしたが、 今回のパズルのレッスンにはプロパティに canvas があります。 このレッスンの中で canvas にEventListener を追加しているので、ここで使うためだったのかと思いましたが、これまでずっと canvas の事を ctx と表しているのだと思っていました。 このふたつを console.log で確認したところ、canvas には HTML の要素が、ctx の方にはCanvasRenderingContext2D と書かれてスタイルの詳細のようなものが表示されました。 canvas が要素だとすると、今まで要素だと思っていたctx とはとはなんですか。この二つの使い分けはどうすればよいですか? 宜しくお願いします。
console.log
CanvasRenderingContext2D
ドットインストールは、3分動画でマスターできるプログラミング学習サービスです。
3分で気軽に学習でき、スマートフォンからも視聴可能です。ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。
他にも、ゲーム制作やデータ分析・機械学習・AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。
この回答を見るにはプレミアムプランへの登録が必要です
他のレッスンでは canvas をconstructor にプロパティとしていませんでしたが、
今回のパズルのレッスンにはプロパティに canvas があります。
このレッスンの中で canvas にEventListener を追加しているので、ここで使うためだったのかと思いましたが、これまでずっと canvas の事を ctx と表しているのだと思っていました。
このふたつを
console.logで確認したところ、canvas には HTML の要素が、ctx の方にはCanvasRenderingContext2Dと書かれてスタイルの詳細のようなものが表示されました。canvas が要素だとすると、今まで要素だと思っていたctx とはとはなんですか。この二つの使い分けはどうすればよいですか?
宜しくお願いします。