Javascript 著名容器下神秘的著名表面_Javascript_Famo.us

Javascript 著名容器下神秘的著名表面

javascript

Javascript 著名容器下神秘的著名表面,javascript,famo.us,Javascript,Famo.us,我有一个简单的移动应用程序，我正在组装。我试图理解一个著名的曲面来自何处，因为我认为当我试图在右上角定位一个元素时，它会引起问题。（但现在让我们继续关注这个神秘的表面）以下是：生成一个元素结构： <body class=" hasGoogleVoiceExt famous-root"> <div class="famous-container" style="perspective: 1000px; -webkit-perspective: 1000;"> &

我有一个简单的移动应用程序，我正在组装。我试图理解一个著名的曲面来自何处，因为我认为当我试图在右上角定位一个元素时，它会引起问题。（但现在让我们继续关注这个神秘的表面）

以下是：

生成一个元素结构：

<body class=" hasGoogleVoiceExt famous-root">
<div class="famous-container" style="perspective: 1000px; -webkit-perspective: 1000;">
    <div class="famous-surface"
         style="width: 1366px; height: 0px; opacity: 0.999999; -webkit-transform-origin: 0% 0%; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
        <div class="famous-group famous-container-group"></div>
    </div>
</div>
</body>

那是什么地方。。。来自哪里？
我特别关心的是高度被列为“0px”

谢谢

这个DOM元素没有什么“神秘”之处。

著名的曲面

正是该类所暗示的。元素是一个著名的

曲面

，当您

将（曲面）

添加到上下文中时，由代码创建。这一个恰巧是一个

ContainerSurface

，因此它只有在通过向其添加元素创建了

组后才会调整大小
var mainContext=Engine.createContext（）；
var surface=新的容器表面（）；
mainContext.add（曲面）；

解释
您在上面的第一行创建了一个上下文“著名容器”
”。第二行创建容器对象，但它仍然没有添加到上下文中。第三行在视图中创建容器，并添加DOM元素作为上下文元素的子元素
尺寸：您没有向曲面添加尺寸，因此默认高度保持为0px
。您的宽度来自未定义的值（默认值），该值告诉famo.us将宽度设置为其父级的宽度，在本例中，这是上下文

var-Engine=require（'著名/核心/引擎'）；
var ContainerSurface=require（‘著名/表面/容器表面’）；
var表面=要求（“著名/核心/表面”）；
var mainContext=Engine.createContext（）；
var cSurface=新集装箱表面({
特性：{
背景颜色：“rgba（0,0,0,0.25）”
}
});
var曲面=新曲面({
尺寸：[200200]，
内容：“我是200x200”，
特性：{
背景颜色：“rgba（255,0,0,0.25）”
}
});
C表面。添加（表面）；
mainContext.add（cSurface）；

然后，您将看到您的容器表面（灰色）是用它的子著名组创建的，而子著名表面
（粉色）。
这个DOM元素没有任何“神秘”之处。著名的曲面
正是该类所暗示的。元素是一个著名的曲面
，当您将（曲面）
添加到上下文中时，由代码创建。这一个恰巧是一个ContainerSurface
，因此它只有在通过向其添加元素创建了组后才会调整大小
var mainContext=Engine.createContext（）；
var surface=新的容器表面（）；
mainContext.add（曲面）；

解释
您在上面的第一行创建了一个上下文“著名容器”
”。第二行创建容器对象，但它仍然没有添加到上下文中。第三行在视图中创建容器，并添加DOM元素作为上下文元素的子元素
尺寸：您没有向曲面添加尺寸，因此默认高度保持为0px
。您的宽度来自未定义的值（默认值），该值告诉famo.us将宽度设置为其父级的宽度，在本例中，这是上下文

var-Engine=require（'著名/核心/引擎'）；
var ContainerSurface=require（‘著名/表面/容器表面’）；
var表面=要求（“著名/核心/表面”）；
var mainContext=Engine.createContext（）；
var cSurface=新集装箱表面({
特性：{
背景颜色：“rgba（0,0,0,0.25）”
}
});
var曲面=新曲面({
尺寸：[200200]，
内容：“我是200x200”，
特性：{
背景颜色：“rgba（255,0,0,0.25）”
}
});
C表面。添加（表面）；
mainContext.add（cSurface）；

然后，您将看到您的容器表面（灰色）是用它的子著名组创建的，而子著名表面
（粉色）。
这个DOM元素没有任何“神秘”之处。著名的曲面
正是该类所暗示的。元素是一个著名的曲面
，当您将（曲面）
添加到上下文中时，由代码创建。这一个恰巧是一个ContainerSurface
，因此它只有在通过向其添加元素创建了组后才会调整大小
var mainContext=Engine.createContext（）；
var surface=新的容器表面（）；
mainContext.add（曲面）；

解释
您在上面的第一行创建了一个上下文“著名容器”
”。第二行创建容器对象，但它仍然没有添加到上下文中。第三行在视图中创建容器，并添加DOM元素作为上下文元素的子元素
尺寸：您没有向曲面添加尺寸，因此默认高度保持为0px
。您的宽度来自未定义的值（默认值），该值告诉famo.us将宽度设置为其父级的宽度，在本例中，这是上下文

var-Engine=require（'著名/核心/引擎'）；
var ContainerSurface=require（‘著名/表面/容器表面’）；
var表面=要求（“著名/核心/表面”）；
var mainContext=Engine.createContext（）；
var cSurface=新集装箱表面({
特性：{
背景颜色：“rgba（0,0,0,0.25）”
}
});
var曲面=新曲面({
尺寸：[200200]，
内容：“我是200x200”，
特性：{
背景颜色：“rgba（255,0,0,0.25）”
}
});
C表面。添加（表面）；
mainContext.add（cSurface）；

然后，您将看到您的容器曲面（灰色）是用它的子著名组创建的，子著名曲面
（粉色）。
<body class=" hasGoogleVoiceExt famous-root">
<div class="famous-container" style="perspective: 1000px; -webkit-perspective: 1000;">
    <div class="famous-surface"
         style="width: 1366px; height: 0px; opacity: 0.999999; -webkit-transform-origin: 0% 0%; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
        <div class="famous-group famous-container-group"></div>
    </div>
</div>
</body>