canvasのデフォルトサイズは、幅300px、高さ150px。 canvasのサイズを変更したい場合は、canvasタグのwidth属性、height属性を変更しなければならない。cssでスタイリングすると、canvasのデフォルトサイズからの相対サイズになってしまうため、canvas内に描画した画像が引き伸ばされることになる。 canvasをフルスクリーンで表示したいとき <div class="wrapper"> <canvas id="canvas"></canvas> <!-- .wrapper // --></div>