Question

我正在使用我在Git上找到的一些脚本来产生雪效果。在代码的某处，我必须设置生成雪的画布的宽度和高度。我将画布设置为窗口的全宽/高度：

canvas.width = $(window).width();
canvas.height = $(window).height();

但是当在浏览器中渲染时，在高度和宽度上都有一些额外的像素将滚动条添加到窗口。您可以在此处查看此行为：Canvas;我不太确定为什么宽度/高度计算错误或者是否有其他干扰这些计算的东西使得它比实际的窗口宽度/高度更大。也许某人有不同的行为观点或以前遇到过它？

Answer 1

默认情况下，canvas元素以内嵌方式显示，您可以阅读有关类似问题的here。

解决方案非常简单:)将以下css代码添加到canvas元素： display: block; 和滚动条应该消失。

老答案： $(window).width()正常运行，但我不知道为什么$(window).height()返回的值太大。它还会显示垂直滚动条，因为先前计算的宽度不包括水平滚动条的大小。