ディスプレイに描画できるようにする - Qiita

ディスプレイに描画できるようにする ディスプレイに文字を記述したり消したりできるようにします。 まず、body要素内にcanvas要素とbutton要素を記述します。 文字等はcanvas内に描画できるようにして、button要素をクリックすると描画したものを消去できるようにします。 canvas要素を取得できるようにcanvas要素内にid属性を設定します。 button要素をクリックしたら描画したものを消去するイベントを発火させるようにonclick属性を設定します。 グローバル変数に「ctx」と「points」を設定します。pointsは描画した軌跡のデータを全て記録できるように配列にします。 上記のbody要素にonload属性を設定しているので、ブラウザがページが読み込んだ後に「init( )」関数が発火します。 init( )関数内はまず、canvasに描画できるように変数ca