Shadow元素

Shadow元素

有时候我们需要用代码动态创建元素之后添加到场景中，这个需求和wxml写标签这种静态的模板编译方式是冲突的，为了保证DOM树不混乱，我们提供了类似于HTML中的ShadowRoot的XRShadow元素，对应于xml中的xr-shadow标签，来解决这个问题。

一个例子

让我们以一个例子来说明如何使用Shadow元素，首先在xml中定义：

<xr-shadow id="shadow" position="0 1 0" />

之后便可以在代码中使用：

const shadow = scene.getElementById('shadow');
const node = scene.createElement(xrFrameSystem.XRNode);

// 添加创建的节点到`shadow`节点下
shadow.addChild(node);

// 移除创建的节点
shadow.removeChild(node);