Question

将包含文本的外部.JSON数据文件加载到a-text中。

<a-scene>
 <a-text text="foo;"></a-text>
</a-scene>

Answer 1

我会编写一个自定义组件，它将解析JSON对象，并将a-text值设置为JSON数据对象之一：

AFRAME.registerComponent('jsonreader'{
  init:function(){
    let jsonObj = JSON.parse('urlToJSONFile');
    this.el.setAttribute('value',jsonObj.text);
  }
}

然后只需添加组件：

<a-text jsonreader></a-text>

我在这里有一个工作小提琴：https://jsfiddle.net/gftruj/7a87dnr7/。我从w3schools获取了一个随机的JSON文件。

<小时/> 顺便说一句，要么使用文本原语：

<a-text value='' color=''></a-text>

或使用文字作为组件：

<a-entity text="value:;color:;"></a-entity>

你似乎混淆了它们，我不确定它是否会在长期内不会产生一些错误（因为原语已经由文本组件组成）。

将.JSON数据加载到A-Frame中

1 个答案: