从 Javascript 设置画布属性失败

Question

我必须根据可用的屏幕分辨率为画布元素设置属性“宽度”和“高度”。从 html 中静态设置它们（例如 ）。从 Javascript 我做不到。我用谷歌搜索过，但没有找到任何有用的东西。我正在使用 JQuery 并且尝试了以下操作但没有成功（与 height 属性相同）

$('#canv').setAttribute('width',screen.availWidth);
$('#canv').attr('width',screen.availWidth);
$('#canv').data('width',screen.availWidth);
$('#canv').width = screen.availWidth;
$('#canv').css('width',screen.availWidth);

我做了同样的操作 var cv = $('#canv')[0].getContext("2d"); 并用 cv 更改 $('#canv') 但没有结果。

BB

Answer 1

我将 jsfiddle.net/pUcjV/2 上的代码更改为

$('#canv').attr("width", screen.availWidth);    
$('#canv').attr("height", screen.availHeight);  
circlesBG (cv, col, screen.availWidth, screen.availHeight);

from

circlesBG (cv, col, screen.availWidth, screen.availHeight);
$('#canv').width(screen.availWidth);    
$('#canv').height(screen.availHeight);    

这在整个画布上产生了星星。这是想要的结果吗？
我使用的是 Chrome 5.0.375.99。

Answer 2

您可以这样做，但我不确定屏幕尺寸是否是您想要的：

$('#canv').width(screen.availWidth);​

您可以在此处查看演示