<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