aframe - 如何将帧场景嵌入到 div 中

Question

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

我在完成此操作时遇到了麻烦......到目前为止，我能够成功地将以下 afame 场景加载到我的浏览器中:

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

但是我无法将场景调整大小并将其限制在 div 或 Canvas 内(我认为 Canvas 会更好？)。

我试过:
1. 将场景嵌套到 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 information

如果有人可以请让我知道如何做到这一点，我将不胜感激，
谢谢你。

Answer 1

A型架的embedded组件旨在删除全屏样式，允许您根据需要设置 Canvas 的样式/大小。

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

更多详情: https://aframe.io/docs/0.3.0/components/embedded.html