A-Frame 内容在 FireFox 和 Safari 上呈现时不会在 Chrome 上呈现。
根据CodePen 这里 const { hyper, wire } = hyperHTML;
class Box extends hyper.Component {
render() { return this.html`
<a-scene>
<a-box color="red" position="0 2 -5" rotation="0 45 45" scale="2 2 2"></a-box>
</a-scene>
`;
}
}
document.body.appendChild(new Box().render());
我确定我遗漏了一些东西,相同的内容在所有浏览器(CodePen)中都呈现为静态 HTML。
<body>
<a-scene>
<a-box color="red" position="0 2 -5" rotation="0 45 45" scale="2 2 2"></a-box>
</a-scene>
</body>