Canvasのことをちょっぴり知る - Qiita

// DOMの中からcanvas要素を取得 const canvas = document.getElementById('canvas'); // 2Dの図形を描画するメソッドやプロパティを持ったオブジェクトを取得 const ctx = canvas.getContext('2d'); // 色を緑色に指定 ctx.fillStyle = 'green'; // 四角を描画(x, y, 幅, 縦) ctx.fillRect(10, 10, 150, 100); See the Pen eYdawGg by kena-nk (@kena-nk) on CodePen. Canvasの基本的なアニメーション CSSのアニメーション（@keyframesとか）とはちょっと異なります。 Canvasでのアニメーションは以下のように描画されます。 要素を削除 要素を描画 要素を動かす 終了でなけ