ThingOrigin.js

案例展示 ​

cad图纸渲染

TIP

支持.dxf格式模型。

<template>
    <div style="position: relative;">
        <div id="TO"></div>
        <div id="CAD_container"></div>

    </div>
</template>

<script setup lang="ts">
import { onMounted, ref } from 'vue';
const isActive = ref(false);
let TO;


onMounted(() => {
    initScene();
})

function initScene() {
    // 初始化场景
    TO = new ThingOrigin("fileModel", document.getElementById("TO"), {
        helper: { // 辅助工具
            axes: {
                active: false,
            },
            grid: {
                active: false,
            },
        }
    })
    console.log("🚀 ~ initScene ~ TO:", TO)

    //绘制图纸
    TO.CAD.drawDXF(`${import.meta.env.BASE_URL}models/cad/sixRobot.dxf`, "CAD_container"); //绘制到场景
}


</script>

<style scoped>
#TO {
    width: 100%;
    height: 400px;
    position: relative;
}

#CAD_container {
    width: 646px;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
}



</style>

API 介绍 ​

CAD.drawDXF ​

方法签名返回值描述
drawDXF(url: string, domId?: string)绘制dxf文件

参数说明：

参数名说明类型必填默认值
url文件地址string是-
domId绘制容器的idstring否-