このコードは100px*100pxサイズの画像をcanvasに描くコードでボタンを押すと絵が描かれます。

描く絵はきちんと画像の縦横サイズはWinのペイントで100*100であると確認しました。

次に、コードの中で画像サイズの扱い100*100サイズであるとImageオブジェクトで設定し、そのうえでdrawImage()でも100*100と指定しています.

何故か私のパソコンで見ると描かれる画像の縦横比が3対1と縦長に表示されて100ｐｘ*100ｐｘの画像として表示されません。

ソースコードを検証して何が悪いのかご指摘いただけないでしょうか？

描かれるピクセルの位置とdrawImageで指定した座標が一致すると非常に楽になるので一致するようにしたいのですが？