时间戳

首页 > 解决方案 > 使用 setAttribute 添加自定义外观控制

javascript - 使用 setAttribute 添加自定义外观控制

问题描述

我创建了一个自定义外观控件，我想使用“setAttribute(componentName, data)”将它添加到场景中，但我不知道要填写什么参数。有任何想法吗 ？

这是我的尝试：

var skyImage = document.querySelector('#sky') as HTMLImageElement;
var aScene = document.querySelector("a-scene");
  if(skyImage.complete){
      if(skyImage.width/2 == skyImage.height){
  let camera = document.createElement('a-camera');
  camera.setAttribute('new-controls', 'true');
  aScene.appendChild(camera);

对于自定义外观控件，我采用了相同的代码，只是将旋转限制在 Y 轴并将其重命名为新控件。

标签： javascriptthree.jsaframevirtual-realitywebvr

解决方案

您要么需要指定要更改的属性：

el.setAttribute('mycomponent', 'someproperty', value)

或者，如果您想使用默认值附加组件：

el.setAttribute('mycomponent', '')

推荐阅读