【TypeScript】canvas（HTMLElement）の型を指定する

TypeScriptでcanvasを使用するとき、型をどうしようか迷ったのでメモです。

canvasの型

エディタの候補でも出てくると思いますが、HTMLCanvasElementです。

ただ、これを以下のように当てはめるとエラーになります><

const canvas: HTMLCanvasElement = document.getElementById("test-canvas");

asを使って解決しました。色々と調べましたが、asでやるのが一般的みたい。

const canvas = document.getElementById("test-canvas") as HTMLCanvasElement;