简介

gemini-viewer 是一个基于 WebGL 的 JS SDK，它构建在 Three.js 之上。它提供以下查看器。

1. Dxf查看器

用于查看二维CAD和 PDF。

它支持最常见的实体类型，支持常用线型；支持常见的填充样式；支持线宽；

2. BIM查看器

用于查看 3d BIM 模型。支持的格式包括gltf、obj、fbx、ifc、dae等。其功能包括测量、剖面、显示轮廓、正交相机、选择等。

3.VR查看器

用于查看全景图。支持查看1幅、6幅、24幅全景图；支持查看系列全景图；支持热点。

安装

从 npm 安装：

npm install @pattern-x/gemini-viewer-threejs

DxfViewer 示例

import { DxfViewer, DxfViewerConfig, ModelConfig } from "@pattern-x/gemini-viewer-threejs";

const viewerCfg: DxfViewerConfig = {
  containerId: "myCanvas",
  enableSpinner: true,
  enableLayoutBar: true,
};
const modelCfg: ModelConfig = {
  modelId: "id_0",
  name: "sample",
  src: "http://www.abc.com/sample.dxf",
}
const fontFiles = ["http://www.abc.com/hztxt.shx", "http://www.abc.com/simplex.shx"];

const viewer = new DxfViewer(viewerCfg);
await viewer.setFont(fontFiles);
await viewer.loadModelAsync(modelCfg, (event) => {
  const progress = (event.loaded * 100) / event.total;
  console.log(`${event.type}: ${progress}%`);
});
console.log("已加载");
viewer.goToHomeView();

DxfViewer 的功能

1、DxfViewer 功能包括：加载和查看一个或多个 dxf 文件、基本鼠标/按键操作、布局、图层、带对象捕捉的距离/面积/角度测量、标记、热点、比较、测量/标记的撤消/重做、缩放到选定区域、截图、设置背景颜色等

2、支持的实体类型包括：POINT、3DFACE、ARC、ATTDEF、ATTRIB、CIRCLE、DIMENSION、MLEADER、MULTILEADER、ELLIPSE、HATCH、INSERT、LEADER、LINE、LWPOLYLINE、MTEXT、RAY、POLYLINE、SOLID、SPLINE、TEXT、VERTEX、VIEWPORT 、XLINE 等 IMAGE、OLE2FRAME、REGION 部分支持。

3、加载并查看 dxf 文件

布局之间切换

距离测量

文件对比

如何将 DxfViewer 集成到您的系统中

物理结构图：

逻辑结构图：

BimViewer 的功能

加载和查看 BIM 模型

正交视图

选择

X射线

距离测量

剖切

使用 dxf 叠加 3d 模型

炸开

VRViewer 的功能

加载并查看全景图

切换到另一个全景

装饰切换

Tags：viewer.js

微信扫一扫：分享

微信里点“发现”，扫一下

二维码便可将本文分享至朋友圈。