javascript – 将canvas元素的height和width设置为window.innerHeight / innerWidth导致滚动条

前端之家收集整理的这篇文章主要介绍了javascript – 将canvas元素的height和width设置为window.innerHeight / innerWidth导致滚动条前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是非常直接的,但我不知道为什么会导致滚动条.这是代码

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);​​​​​​​

这不应该只是使画布跨越可视窗口的宽度和高度?这是一个JSFiddle示例:http://jsfiddle.net/TyJYH/

解决方法

我通过将canvas标签的CSS显示属性设置为“块”来解决这个同样的问题.
canvas {
  display: block;
}

猜你在找的JavaScript相关文章