sandi-ui

SDCSS2DObject

属性名是否必须默认值含义
positionfalse[0,0,0]位置
rotatefalse[0,0,0]旋转
scalefalse[1,1,1]缩放

此组件 放在物体组件物体下面 可以物体位置绑定，子组件为 vue 组件,

::: warin 此组件生效必须 webglrender 必须开启 css3D :::

::: warin 由于 CSS3D 元素的大小以像素为单位， Object3D 元素的大小以抽象的“单位”为单位，会被放大10倍， 需要缩放0.1 :::

<SDMesh name="left" :rotation="[0, y1, 0]" :position="[-2, 0, 0]" :scaleXYZ="1">
  <SDCSS3DObject :style="{background:'red'}" :position="[0, 1, 0]"  :scale="[0.1,0.1,0.1]">
    <div class="label">{{ text }}</div>
  </SDCSS3DObject>
  <SDBoxGeometry :width="1" />
  <SDMeshBasicMaterial>
    <SDTextureLoader url="/sandi-ui/img/crate.gif" type="map" />
  </SDMeshBasicMaterial>
</SDMesh>
1
2
3
4
5
6
7
8
9