修改guiviewer3d-toolbar

Modify the guiviewer3d-toolbar

我想隐藏工具栏中除 measureTools 之外的所有内容,我设法使用 visibility: hidden 对所有其他工具进行隐藏。

但是,所有三个工具组(navTools、modelTools、settingsTools)的深色背景主题仍然可见。

如果我设置,一切都会消失

.dark-theme{
    visibility: hidden;
{

如果我修改 .dark theme{ background-color: rgba(34,34,34,.0);},它会影响单击测量工具时显示的扩展选项。

有什么建议吗?非常感谢。

为什么不,更好地使用 Headless 查看器并添加一个访问 Autodesk.Measure 扩展的自定义按钮?通过无头查看器,您可以参考此示例 https://viewer-rocks.autodesk.io/

那个正在使用定制的扩展程序,当您让查看器进入全屏模式时这些扩展程序可用。

---- 编辑

这就是您要实现的目标吗?仅显示测量工具

这也是您尝试使用它时的样子。

如果这是您想要的,您可以尝试使用我们称为 Control Selector 的扩展程序,试用该扩展程序,看看它是如何工作的。 可以在此处找到使用扩展名的实时 link。

https://viewer-nodejs-tutorial.herokuapp.com/

在这里您可以找到扩展的代码,请记住,扩展是用 ES6 sytanx 编写的,因此在使用之前需要转译。

https://github.com/Autodesk-Forge/library-javascript-viewer-extensions/blob/master/src/Autodesk.ADN.Viewing.Extension.ControlSelector/Autodesk.ADN.Viewing.Extension.ControlSelector.js