うまく四角が描画できません

Question

前提・実現したいこと

任意の大きさの四角を描画したい

発生している問題・エラーメッセージ

縦方向に150ピクセル辺りまでしか描画できない

該当のソースコード

const SCREEN_SIZE_W = 200;
const SCREEN_SIZE_H = 200;

let can = document.getElementById("can");
let con = can.getContext("2d");

can.width = SCREEN_SIZE_W;
can.heigth = SCREEN_SIZE_H;

con.fillStyle="#66AAFF";
con.fillRect(0,0,SCREEN_SIZE_W,SCREEN_SIZE_H);

試したこと

見よう見まねなのでどこを変更すべきか分からないです
ブラウザはchromeとedgeで試してみました

補足情報（FW/ツールのバージョンなど）

Answer 1

can.heigth = SCREEN_SIZE_H;
↓↓↓
can.height = SCREEN_SIZE_H;

Comments

[rooster]

ありがとうございます
解決しました

しかしなぜエラーでなく中途半端の描画になったんですか？

[yambejp]

単にheightが設定されていないcanvasができあがるからです

[rooster]

なるほど
ご丁寧にありがとうございました