小编jac*_*ile的帖子

保证金问题
我正在使用超大块元素(宽度和高度分别为2000-4000px),并且大多数元素溢出窗口/视口.这很好,是我的应用程序的预期效果.但是,当我对所有边上的元素应用边距时,例如40px,它仅应用于顶部,左侧和底部.滚动后,最右边缘与窗口边缘齐平.我希望块元素的所有边都有一个均匀的边距.

代码
见下文或查看简化测试用例的jsFiddle.

<!-- HTML -->

<div></div>

/* CSS */

* {
    margin: 0;
    padding: 0;    
}

div {
    background: #000;
    height: 3000px;
    margin: 40px;
    width: 3000px;    
}?

我曾经尝试过
我尝试过上述方法,我最初认为这种方法可行,但事实并非如此.我也试过在body元素上应用40px的填充,并从div中删除边距,但得到了相同的结果.对于应用了填充的包含元素也是如此.

任何帮助将不胜感激.谢谢!

我试图采用任何three.js几何体并将其现有面细分为较小的面.这基本上会使几何形状具有更高的"分辨率".在three.js的例子中有一个细分修改器工具,它非常适合我正在尝试做的事情,但它最终会改变并变形几何体的原始形状.我想保留原来的形状.

查看细分修改器示例

当前细分修饰符的行为示例:

我喜欢它的表现的粗略例子:

细分修饰符的应用方式如下:

let originalGeometry = new THREE.BoxGeometry(1, 1, 1);
let subdivisionModifier = new THREE.SubdivisionModifier(3);
let subdividedGeometry = originalGeometry.clone();
subdivisionModifier.modify(subdividedGeometry);

我试图挖掘细分修饰符的来源,但我不知道如何修改它以获得所需的结果.

注意:细分应该可以应用于任何几何体.我想要的结果的例子可能会使得看起来具有增加的段的three.js PlaneGeometry可以工作,但是我需要将它应用于各种几何.