Javascript set <canvas>到窗口大小
Javascript set <canvas> to window size
我正在尝试设置一个画布元素为当前窗口的大小。
我在这里成功地使用了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();
下面是上面的一个例子:http://jsfiddle.net/Kinetic915/bWYy7/
我还使用了以下页面作为参考:
调整HTML5画布大小以适合窗口
谢谢!
打字错误:
document.getElementbyID
应:document.getElementById
和CTX没有画布属性
更新示例:http://jsfiddle.net/bWYy7/3/
相关文章:
- 窗口大小html css
- Chrome应用程序调整窗口大小保持纵横比
- Adobe Air SDK在页面加载时调整窗口大小
- 窗口大小调整事件在ie7中持续触发
- 使用jQuery可以根据窗口大小更改滑块的css高度
- 引导:响应式设计-当窗口大小从980px调整到979px时执行JS
- 基于浏览器窗口大小的条件 JavaScript 执行
- tinyMCE 4.1.9 和小窗口大小冻结
- 根据窗口大小调整 HTML 中 SVG 图像的大小
- 在浏览器窗口大小调整时更改 JS 逻辑
- 提示不同的Javascript/JQuery在窗口大小调整为低于/高于设置宽度时显示
- Javascript滚动并调整窗口大小
- 画布粒子-在“窗口大小”上更新画布大小
- 基于媒体查询的angular js动画无法调整窗口大小
- Javascript-window.open()弹出窗口大小问题
- Jquery通过媒体查询切换窗口大小的错误
- Javascript:保存和恢复浏览器窗口大小
- 谷歌地图是't加载,直到更改窗口大小
- 黑莓网站:窗口大小(窗口高度)在黑莓模拟器中返回不正确的值
- 是否可以将Canvas ID的宽度和高度属性设置为窗口大小的90%