vue 种 forge viewer 隐藏工具栏

要隐藏 Forge Viewer 工具栏，你可以使用以下代码：

viewer = new Autodesk.Viewing.Private.GuiViewer3D(document.getElementById('forgeViewer'), { extensions: ['Autodesk.DocumentBrowser'] });

viewer.setToolbarVisible(false);

在上面的代码中，`viewer.setToolbarVisible(false)` 将隐藏 Forge Viewer 的工具栏。请注意，这只是隐藏了工具栏，用户仍然可以通过右键单击视图区域来访问工具栏的选项。如果你想彻底禁用工具栏，可以在 `GuiViewer3D` 构造函数中将 `disableDefaultTools: true` 设置为 true，如下所示：

viewer = new Autodesk.Viewing.Private.GuiViewer3D(document.getElementById('forgeViewer'), { 
    extensions: ['Autodesk.DocumentBrowser'], 
    disableDefaultTools: true 
});

相关问题

vue pdf.js隐藏工具栏

要在Vue中隐藏PDF.js工具栏，你可以使用以下步骤：

1. 首先，你需要在Vue项目中安装并导入PDF.js库。你可以通过npm或yarn安装该库。例如，使用npm安装：

npm install pdfjs-dist

然后在你的Vue组件中导入库：

import pdfjsLib from 'pdfjs-dist';

2. 在Vue组件的`mounted`生命周期钩子函数中，加载并渲染PDF文档。你可以使用PDF.js提供的`getDocument()`方法来加载文档，并在加载成功后将其渲染到页面上。同时，你可以通过设置`hideToolbar`选项为`true`来隐藏工具栏。

mounted() {
  const pdfPath = 'path/to/your/pdf/file.pdf';
  const container = this.$refs.pdfContainer;

  pdfjsLib.getDocument(pdfPath).promise.then(pdf => {
    pdf.getPage(1).then(page => {
      const canvas = this.$refs.pdfCanvas;
      const context = canvas.getContext('2d');

      const viewport = page.getViewport({ scale: 1 });
      canvas.width = viewport.width;
      canvas.height = viewport.height;

      page.render({
        canvasContext: context,
        viewport: viewport,
      });

      const viewer = new pdfjsViewer.PDFViewer({
        container: container,
        hideToolbar: true, // 隐藏工具栏
      });
      viewer.setDocument(pdf);
    });
  });
}

3. 在Vue模板中添加一个容器元素以渲染PDF，并将其与相应的引用关联起来。

<template>
  <div>
    <div ref="pdfContainer"></div>
    <canvas ref="pdfCanvas"></canvas>
  </div>
</template>

通过以上步骤，你就可以在Vue中加载并渲染PDF文档，并隐藏PDF.js工具栏了。记得根据你的实际需求进行调整。

vue 中forge viewer 获取选中点的坐标信息

要获取 Forge Viewer 中选中点的坐标信息，需要进行以下步骤：

1. 获取当前选中的物体或元素的 ID，可以使用以下代码：

const selection = viewer.getSelection();
if (selection.length > 0) {
  const selectedId = selection[0];
  // do something with the selected object
}

2. 获取该物体或元素的几何信息，可以使用以下代码：

const model = viewer.model;
const fragIds = await model.getFragmentList().getFragIds(selectedId);
const fragGeom = new THREE.Geometry();
model.getFragmentList().getWorldBounds(selectedId, fragGeom.boundingBox);
fragGeom.fromBufferGeometry(model.getFragmentList().getGeometry(fragIds[0]));

3. 将几何信息转换为全局坐标系中的坐标，可以使用以下代码：

const fragMesh = new THREE.Mesh(fragGeom);
fragMesh.applyMatrix4(model.getFragmentList().getWorldMatrix(selectedId));
const worldPos = new THREE.Vector3();
fragMesh.getWorldPosition(worldPos);

现在，`worldPos` 就是选中点在全局坐标系中的坐标。