平面着色器(fss.js)的大小为100%
Flat Surface Shader (fss.js) size to 100%?
我正在一个响应式网站上工作,因此需要给画布100%的垂直和水平宽度-但它不知何故不起作用。我发现可以在
的脚本窗口中更改h和w的一些值。var geometry = new FSS.Plane(600, 400, 6, 4);
但不幸的是,它没有百分比。
- 演示:http://jsfiddle.net/99DS3/1/
- Demo: http://codepen.io/wouwi/pen/Apvaq(其他人尝试了svg版本,并以某种方式使其达到100%)
编辑:我已经尝试将画布CSS的w和h设置为100%(即使是!important
) -没有工作。
如果您只是擦除画布并重新创建平面呢?
相关JS:
function resize() {
var width = container.offsetWidth, // No need to query these twice, when in an onresize they can be expensive
height = container.offsetHeight;
renderer.setSize(width, height);
scene.remove(mesh); // Remove the mesh and clear the canvas
renderer.clear();
geometry = new FSS.Plane(width, height, 6, 4); // Recreate the plane and then mesh
mesh = new FSS.Mesh(geometry, material);
scene.add(mesh); // Readd the mesh
}
演示:http://jsfiddle.net/SO_AMK/99DS3/3/
相关文章:
- 宽度为100%的CSS元素位于视口之外
- 如何将 dojox.mobile.View 设置为 100% 的高度
- 使jquery滑动滑块宽度为100%
- 使用JQuery使滚动条为@bottom时DIV的宽度为100%
- 在Angular中构建一个可重复使用的D3.js图表,其宽度为100%
- 当 html 高度为 100% 时,粘性导航中断
- 如何将浏览器窗口的字体大小设置为 100%
- 如何连续将 Div 大小调整为 100% VH
- 隐藏 3 列并将其中一列扩展为 100% 行时的 jQuery 过渡效果
- JQuery:集合数组长度上限为 100
- 如何使脸书评论框宽度为100%
- HTML选择下拉菜单,最大高度为100%,大小自动
- 厚箱或类似的东西,窗口高度为 100%
- 浏览器中宽度为 100% 的视频的不同高度
- jQuery :切换页脚,将大小从 #px 调整为 100% 宽度并返回
- 当高度设置为 100% 时,SWF 无法填充窗口
- 使浮动元素的高度为100%以填充页面
- 将图像设置为 100% 宽度或高度,以先到者为准
- 页面的垂直对齐方式为100%的高度
- 底部为0的绝对位置仅适用于高度为100%的父对象