javascript - 从 Javascript 为 Canvas 设置属性失败

Question

我必须根据可用的屏幕分辨率为 Canvas 元素设置“宽度”和“高度”属性。从 html 静态设置它们有效(例如 <canvas id="canv" width="1600" ... )。从 Javascript 我做不到。我在 SO 中用谷歌搜索，但没有找到任何有用的东西。我正在使用 JQuery，但我尝试了以下操作但未成功(高度属性相同)

$('#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");和改变$('#canv')与 cv但没有结果。

bb

Answer 1

我更改了 jsfiddle.net/pUcjV/2 上的代码到

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

来自

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

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