<meta name="viewport" content="width=device-width, initial-scale=1.0" /> JavaScriptでキャンバスを作成する window.innerWidth, window.innerHeight でブラウザの表示領域のサイズが取得できる Canvasのサイズは2種類ある canvas.style.width が実際の表示サイズ(CSSで指定する場合と同じく、px指定) canvas.width が内部のサイズ Retinaディレスプレイの場合、window.devicePixelRatioが1より大きな値になっているので、 内部サイズをそれに合わせて大きくしてやるとボケずにすむ それらを使って、document.createElementで生成したキャンバスの設定をする var canvas = document.cre
![ブラウザいっぱいのCanvasを作る](https://cdn-ak-scissors.b.st-hatena.com/image/square/37d34b43ffd9e98eccea85486dd1e9c0545d912e/height=288;version=1;width=512/https%3A%2F%2Ftyfkda.github.io%2Fassets%2Ffull-canvas.png)