Jquery窗口。带溢出的宽度(高度)

Jquery窗口。带溢出的宽度(高度),jquery,html,css,Jquery,Html,Css,我对窗户的大小有问题。我正在测量窗户的尺寸,就像这样 var boxwidth = $(window).width(); var boxheight = $(window).height(); 然后创建一个画布 var canvas:document.createElement(“canvas”), 开始:函数(){ this.canvas.width=boxwidth; this.canvas.height=boxheight; this.context=this.canvas.getCon

我对窗户的大小有问题。我正在测量窗户的尺寸,就像这样

var boxwidth = $(window).width();
var boxheight = $(window).height();
然后创建一个
画布

var canvas:document.createElement(“canvas”),
开始:函数(){
this.canvas.width=boxwidth;
this.canvas.height=boxheight;
this.context=this.canvas.getContext(“2d”);
document.body.insertBefore(this.canvas,document.body.childNodes[0]);
}
但我的宽度和高度都被淹没了

我想创建完全适合窗口大小的画布。现在,我有很多溢出

我已经在
正文中添加了
边距:0
填充:0

在html文件顶部添加
应该会有所帮助

我试图找到一个“正常”的解决方案,但没有找到,所以这里有一个“棘手”的解决方案。这是一个想法,但我想你需要定制它,使其适合你的项目

逻辑是创建一个
div
,它将获取文档的全宽和全高,并根据它设置画布尺寸。最后一步是恢复元素(html、body等)的状态

因此:

$('html,body').css({position:'relative',height:'100%',overflow:'hidden'});
VarTester=$('').appendTo(document.body);
$('canvas').css({
宽度:$('body')。宽度(),
高度:tester.height()
});
测试仪。移除();
$('html,body').removeAttr('style')
html,正文{
保证金:0;
}
帆布{
背景:红色;
显示:块;
}

这是一个棘手的解决方案,目前我只找到了一个完美的值,以适应没有溢出的情况