Question

我想使用徽标从场景内部链接到外部URL（常规网站，而不是VR）。这就是我所拥有的：

<a-entity link="highlighted: true; highlightedColor:#000000; portal:#ec1e1e; href: https://schatzkin.com; title: Back to website; image: assets/logo-lockup-black.png"></a-entity>

当我检查元素时，可以在“链接”下看到正确列出的图像，在“材质”下也可以看到全景图。但是在实际的门户中，我所看到的只是纯品红色。

感谢您的帮助！

Answer 1

1）：使用链接组件。只要图片可以访问
a）路径正确
b）没有CORS问题

设置image属性应该为portal组件的一部分link提供背景。

link="highlighted: true; highlightedColor:#000000; href: https://schatzkin.com;
      titleColor: black; title: Back to website;image: https://i.imgur.com/wjobVTN.jpg"

2）制作自己的链接。任何元素都可以成为与某些js的链接。您可以创建自己的元素，该元素将在点击时更改window.location：

AFRAME.registerComponent("mylink", {
  init: function() {
    this.el.addEventListener("click", (e)=> {
       window.location = this.data.href;
    })
  }
})

HTML

<a-text color="black" position="1 1 -2" value="goToSchatzkin" 
        mylink="href: https://schatzkin.com;"></a-text>

在我的fiddle中查看这两种方法。

带有徽标的网址的A框架链接

1 个答案: