如何将一个aframe场景嵌入div中

Question

我试图将.OBJ模型嵌入到元素中,以便将其限制为特定的宽度和高度,而不是整页画布.我正在尝试复制嵌入到https://sketchfab.com/标题中的"场景" .我希望我的场景中的相机围绕模型的中心轴平移(就像在示例中一样).

我无法完成此任务...到目前为止,我能够成功将以下afame场景加载到我的浏览器中:

<a-scene>
  <a-box color="#6173F4" width="4" height="10" depth="2"></a-box>
</a-scene>

但我无法将场景调整大小并限制在div或画布内(我认为画布会更好？).

我试过:
1.将a-scene嵌套到div中并在CSS中调整div的大小

<div class="aframebox"><a-scene></a-scene></div>
2.我也试过跟随,我猜不再是版本0.3.0的一部分了？
<a-scene canvas="height: 50; width: 50"></a-scene> 0.2.0信息

如果有人能告诉我怎么做,我真的很感激,
谢谢.

Answer 1

A-Frame的embedded组件旨在删除全屏样式,允许您根据需要设置样式/大小.

<a-scene embedded></a-scene>