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 display 属性设置为“block”解决了同样的问题。

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 回答