![]() |
1
48
javascript有
在里面。尝试更改这些内容以及画布的CSS。 或者更好的是,让初始化函数根据CSS确定画布的大小! 为响应您的编辑,请更改init函数:
同时从包装中删除所有的CSS,这些只是垃圾的东西。但是,您必须编辑JS才能完全消除它们…不过,我能把它全屏显示出来。
编辑
:
|
![]() |
2
32
您可以将以下内容插入到HTML主页或函数中:
然后删除页边距
那应该能完成任务 |
|
3
14
最新的Chrome和Firefox支持全屏API,但设置为全屏就像窗口大小调整。侦听窗口对象的OnResize事件:
这并不适用于所有浏览器。您应该检查函数是否存在,否则它将抛出JS错误。 有关HTML5全屏的更多信息,请查看: http://updates.html5rocks.com/2011/10/Let-Your-Content-Do-the-Talking-Fullscreen-API |
![]() |
4
8
您只需要动态地将宽度和高度属性设置为画布的大小。因此,您可以使用CSS使其在整个浏览器窗口中延伸,然后在javascript中有一个小函数,用于测量宽度和高度,并对其进行分配。我不太熟悉jquery,所以考虑一下这个psuedocode:
元素的宽度和高度属性决定了它在内部渲染缓冲区中使用多少像素。将这些更改为新的数字会导致画布使用不同大小的空白缓冲区重新初始化。只有宽度和高度属性与实际像素宽度和高度不一致时,浏览器才会拉伸图形。 |
![]() |
5
6
因为它还没有发布,是一个简单的CSS修复:
如果要应用全屏画布背景(例如granim.js),效果很好。 |
![]() |
6
4
在文档加载时设置
|
![]() |
7
3
A-如何计算全屏宽度和高度功能如下:
检查这个 out B-如何通过调整大小使全屏稳定这里是调整大小事件的调整大小方法;
C-如何去掉滚动条简单地说;
D-演示代码
|
![]() |
8
1
|
|
9
1
很简单,将画布宽度和高度设置为screen.width和screen.height。然后按F11!认为在大多数浏览器中,f11应该在ffox和ie中实现全屏显示。 |
![]() |
10
1
我希望它会有用。
|
![]() |
11
0
HTML5不提供支持全屏的API。
这个问题有一些关于制作HTML5视频全屏的观点,例如使用
|
![]() |
12
0
您可以捕获窗口大小调整事件,并将画布的大小设置为浏览器的视区。 |
![]() |
13
0
获取屏幕的完整宽度和高度,并创建一个新窗口,设置为适当的宽度和高度,同时禁用所有内容。在新窗口内创建画布,将画布的宽度和高度设置为宽度-10px和高度-20px(以允许窗口的条和边)。然后在画布上施展你的魔法。 |
|
14
0
好吧,我也想把我的画布做成全屏,这就是我做的。我将发布整个index.html,因为我还不是CSS专家:(基本上只是使用位置:固定,宽度和高度为100%,顶部和左侧为0%,我为每个标签嵌套了这个CSS代码。我也有最小高度和最小宽度为100%。当我尝试使用1px的边框时,随着我的放大和缩小,边框的大小正在改变,但画布仍然是全屏的。)
编辑: 将此添加到canvas元素:
将此添加到javascript canvas.width=window.screen.width; canvas.height=window.screen.height; 我发现这使得我的画比我最初的评论更流畅。 谢谢。 |
![]() |
PPExpress · 设置默认值后动态更新jscolor调色板 1 年前 |
![]() |
walid naceri · 使用画布和javascript单击对象 1 年前 |
![]() |
Yahia · 为什么ctxpixel没有绘制图像 1 年前 |