React VR 摄像头矫直控制定制答案

【问题标题】：React VR camera straightening control customizationReact VR 摄像头矫直控制定制
【发布时间】：2018-03-31 11:53:02
【问题描述】：

在设置 React VR 时，您会得到一个包含已自定义全屏按钮和一个用于拉直相机的按钮的捆绑包，该按钮没有名称，也没有自定义选项：

我在 client.js 中更改了相机旋转原理，现在按钮无法正常工作。

【问题讨论】：

【解决方案1】：

这有点像黑客，但是......

这是在应用程序启动后注入的，目前我知道没有 API 可以自定义它，但好消息是它是 DOM。您可以在页面中添加一些 CSS 以禁用它或重新设置样式（假设您的页面上没有其他 SVG）。

svg { display: none }

【讨论】：

嗯，它工作，但我想定制它。如果我找不到其他方法，我会隐藏它，但我不知道它在 VR（不是网络）中会是什么样子。
您可以在这里使用 CSS hack 创造奇迹，例如更改填充，甚至可以使用 :before / :after 伪选择器更改形状。由于此控件是基于 dom 的，因此不会出现在您的 VR 场景中。如果您想要在您的 VR 场景中使用类似的东西，请查看 VR 头部模型：facebook.github.io/react-vr/docs/vrheadmodel.html，您可以使用它来构建自己的模型。