简介

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幅全景图；支持查看系列全景图；支持热点。

再推荐个Dxf、PDF、BIM及VR浏览器

安装

从 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 文件