时间戳

首页 > 解决方案 > Forge viewer angular 中的简单几何创建示例

angular - Forge viewer angular 中的简单几何创建示例

问题描述

我在 Angular 7 中使用 ng2-adsk-forge-viewer 库在浏览器中显示 dmg 文件。我想在视图上创建自定义几何图形。

我创建了一个扩展并添加了这个方法。扩展运行正常但出现错误

private addToScene() {
     const geom = new THREE.SphereGeometry(10, 8, 8);
     const material = new THREE.MeshBasicMaterial({ color: 0xff0000 });
     const sphereMesh = new THREE.Mesh(geom, material);
     sphereMesh.position.set(1, 2, 3);
     this.viewer.impl.createOverlayScene('custom-scene');
     this.viewer.impl.addOverlay('custom-scene', sphereMesh);
     this.viewer.impl.invalidate(true);
}

我收到此错误消息

three.js:35 THREE.Object3D.add：对象不是 THREE.Object3D 的实例。Mesh {uuid: "1CA8B8ED-5370-45FE-B20C-BB6AF483716E", name: "", type: "Mesh", parent: null, children: Array(0), ...}

标签： angularforge

解决方案

经过这么多小时的调试后，我找到了一个解决方案，我正在从“三个”导入三个，如 import * as THREE。将其更改为声明 const 三：任何有效

推荐阅读