我正在尝试将 Canvas 元素设置为当前窗口的大小。
我在这里用 jquery 成功做到了:
function windowsize() {
WIDTH = $("#canvas")[0].width = ($(window).width());
HEIGHT = $("#canvas")[0].height = ($(window).height());
}
windowsize();
我无法用普通的 javascript 完成同样的事情,我有如下:
function windowsize(){
var ctx = document.getElementbyID("canvas");
ctx.canvas.width = window.innerWidth;
ctx.canvas.height = window.innerHeight;
}
windowsize();
这是上面的一个 fiddle :http://jsfiddle.net/Kinetic915/bWYy7/
我还使用以下页面作为引用:
Resize HTML5 canvas to fit window
谢谢!
最佳答案
打字错误:
document.getElementbyID
应该是:
document.getElementById
并且 ctx 没有 canvas 属性
关于Javascript 将 <canvas> 设置为窗口大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16325472/