1
キャンバス要素の幅/高さを、それが入っているコンテナを塗りつぶすように設定しようとしています。現在は機能しますが、ボディを塗りつぶすとき、追加されました。ボディを塗りつぶすキャンバスのサイズがウィンドウにスクロールバーを追加しています
let masterCanvas = document.querySelector('canvas');
let parent = masterCanvas.parentElement;
masterCanvas.width = parent.offsetWidth;
masterCanvas.height = parent.offsetHeight;
私は次のスタイルを持っている:
<style>
body, html { padding: 0; margin: 0; width: 100vw; height: 100vh; }
* { box-sizing: border-box; }
</style>
そして次体:ここで
<body>
<canvas></canvas>
</body>
はこれを示してフィドルです:https://jsfiddle.net/ynkcfsud/
PS:これをキャッチするには時間がかかりました:) –
それでした!そのようなことが原因だろうとは知らなかった。ありがとう! –