JavaScript で検索した結果 - プログラミングならドットインストール

完成版の動作を確認したのちに、必要な画像を配置していきます。

開発環境について説明したあとに、今回実装していく動きについて確認していきます。

概要を説明したのちに、ブラウザ実行環境の使い方について解説していきます。

Canvas要素をHTMLに配置したあとに、開発のための準備を進めていきます。

contextオブジェクトを取得した後に、fillRect()、strokeRect()メソッドを使って四角を描画してみます。

塗りの色や線のスタイルを設定する方法について見ていきます。

複数の図形を描画する際の注意点について触れていきます。

線形のグラデーションを塗りに設定する方法について見ていきます。

円形のグラデーションを塗りに設定する方法についても見ていきます。

図形に影をつける方法について説明していきます。

ドットインストール - 3分動画でマスターできるプログラミング学習サービス