2022-11-04 11:39:56 +08:00
|
|
|
<html>
|
|
|
|
|
|
|
|
|
|
<head>
|
2022-11-28 09:51:30 +08:00
|
|
|
<link rel="icon" href="./demo/favicon.ico" />
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="./demo/global.css" />
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="./demo/iconfont/iconfont.css" />
|
|
|
|
|
<link rel="stylesheet" href="./demo/layerManager/layerManager.css" />
|
|
|
|
|
<link rel="stylesheet" href="./demo/settings/SettingsPanel.css">
|
2022-11-04 11:39:56 +08:00
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div id="viewerContainer">
|
|
|
|
|
<div id="myCanvas" class="renderer-container"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<script type="module">
|
2022-11-28 09:51:30 +08:00
|
|
|
import { DxfViewer } from "./demo/libs/gemini-viewer.esm.min.js";
|
|
|
|
|
import DxfSettingsPanel from './demo/settings/DxfSettingsPanel.js';
|
|
|
|
|
import LayerManager from "./demo/layerManager/LayerManager.js";
|
2022-11-04 11:39:56 +08:00
|
|
|
|
2022-12-02 15:52:49 +08:00
|
|
|
const filename = "apartments";
|
|
|
|
|
const modelCfg = {
|
|
|
|
|
modelId: filename,
|
|
|
|
|
name: filename,
|
|
|
|
|
src: `./demo/models/dxf/${filename}.dxf`,
|
2022-11-04 11:39:56 +08:00
|
|
|
merge: true,
|
2022-12-02 15:52:49 +08:00
|
|
|
};
|
|
|
|
|
const viewerCfg = {
|
2022-11-04 11:39:56 +08:00
|
|
|
containerId: "myCanvas",
|
|
|
|
|
enableAxisGizmo: true,
|
|
|
|
|
enableToolbar: true,
|
|
|
|
|
enableSpinner: true,
|
|
|
|
|
enableProgressBar: true,
|
|
|
|
|
enableLayoutBar: true,
|
|
|
|
|
};
|
2022-12-02 15:52:49 +08:00
|
|
|
const viewer = new DxfViewer(viewerCfg);
|
2022-11-28 09:51:30 +08:00
|
|
|
const fontFiles = ["./demo/three/fonts/hztxt.shx", "./demo/three/fonts/simplex.shx"];
|
2022-11-04 11:39:56 +08:00
|
|
|
await viewer.setFont(fontFiles);
|
|
|
|
|
|
2022-12-02 15:52:49 +08:00
|
|
|
const onProgress = (event) => {
|
|
|
|
|
const progress = ((event.loaded * 100) / event.total).toFixed(1);
|
|
|
|
|
console.log(`[Demo] Loading progress: ${progress}%`);
|
|
|
|
|
};
|
|
|
|
|
await viewer.loadModelAsync(modelCfg, onProgress);
|
|
|
|
|
console.log(`[Demo] Loaded model ${modelCfg.src}`);
|
|
|
|
|
if (!viewer.layerManager) {
|
|
|
|
|
viewer.layerManager = new LayerManager(viewer);
|
|
|
|
|
}
|
2022-11-04 11:39:56 +08:00
|
|
|
|
|
|
|
|
// as a demo page, add dxfSettingsPanel to window!
|
|
|
|
|
window.dxfSettingsPanel = new DxfSettingsPanel(viewer);
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
