13

これは非常に簡単ですが、スクロールバーが発生する理由がわかりません。コードは次のとおりです。

CSS

body, canvas, html{margin:0;padding:0;border:0 none;}
canvas{background:Black;}

HTML

<html>
    <head></head>
    <body></body>
</html>​

JavaScript

var canvas = document.createElement("canvas");
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
document.getElementsByTagName("body")[0].appendChild(canvas);​​​​​​​

</p>

これは、キャンバスが表示可能なウィンドウの幅と高さにまたがる原因になっているだけではありませんか? JSFiddle の例を次に示します: http://jsfiddle.net/TyJYH/

4

2 に答える 2

25

canvas タグの CSS 表示プロパティを「ブロック」に設定することで、この同じ問題を解決しました。

canvas {
  display: block;
}
于 2013-04-04T07:04:24.983 に答える
0

これで修正されます：

canvas {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  top:0;
}
于 2012-07-02T22:35:32.800 に答える