canvasが表示されない時にチェックすること

数年ぶりにフロントを触って色々ど忘れしてます…
初歩的なところでつまづいてしまったので、忘れないようにメモします

canvasが表示されない時にチェックすること

const stage = document.querySelector("canvas");
const ctx = stage.getContext("2d");

this.stage.style.width = width + "px";
this.stage.style.height = height + "px";
this.stage.width = width;
this.stage.height = height;

• canvas要素にwidth,heightを指定するときはpxをつける。
• contextにwidth,heightを指定するときはpxをつけない。

自分の場合は↓のようにまとめてpxをつけてしまっていたのでcanvasが表示されなくなっていました。

this.stage.style.width = this.stage.width = height + "px";

おふ…