gh-pages

分支 (2)

管理

管理

gh-pages

main

mxdraw_docs
/
samples
/
commandMode
/
basedOnnUsing.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>basedOnnUsing 示例</title>
    <link rel="stylesheet" href="../index.css">
</head>
<script src="../three.js"></script>
<script type="module">
    import Mx from "../mxdraw.esm.js"
    import GUI from "../lil-gui.module.js"

    // 画线的函数
    function BR_Line() {
        // 构建取点对象
        const getPoint = new Mx.MrxDbgUiPrPoint();
        // 交互提示
        getPoint.setMessage("\n指定直线起点:");
        getPoint.go(async (status) => {
            if (status != Mx.MrxDbgUiPrBaseReturn.kOk) return
            let pt1 = getPoint.value();
            let line = new Mx.MxDbLine();
            line.pt1 = pt1;
            getPoint.setMessage("\n指定直线终点:");
            getPoint.setUserDraw((pt, pw) => {
                line.pt2 = pt;
                pw.drawCustomEntity(line)
            });
            line.pt2 = await getPoint.go();
            Mx.MxFun.getCurrentDraw().addMxEntity(line);
        })
    }
    Mx.loadCoreCode().then(() => {
        Mx.MxFun.setIniset({
            // 启用对象选择功能.
            EnableIntelliSelect: true,
            IntelliSelectType: 1,
            multipleSelect: false,
        });
        // 创建控件对象
        Mx.MxFun.createMxObject({
            canvasId: "mxcad", // canvas元素的id
            useWebsocket: false,
            callback: (mxDrawObject, { canvas, canvasParent }) => {
            },
        });
        let line = new Mx.MxDbLine();
        line.pt1 = new THREE.Vector3(-40, 0, 0);
        line.pt2 = new THREE.Vector3(10, 10, 0);
        Mx.MxFun.getCurrentDraw().addMxEntity(line)
    })

    const myObject = {
        registerTheCommand() {
            // 注册命名
            Mx.MxFun.addCommand("BR_Line", () => {
                // 是否正在运行某个命令
                if (Mx.MxFun.isRunningCommand()) {
                    return
                }

                BR_Line()
            })
            alert("注册成功！输入BR_Line执行命令")
        },
        commandText: "BR_Line",
        executeTheCommand() {
            Mx.MxFun.sendStringToExecute(this.commandText)
        },
        tip: "",
        commandName: "",
        content: ""
    }

    const gui = new GUI()
    gui.add(myObject, 'registerTheCommand').name('注册：BR_Line 命令')
    gui.add(myObject, 'commandText').name('输入命令(BR_Line)').$input.onkeydown = function (e) {
        Mx.MxFun.setCommandLineInputData(myObject.commandText, e.keyCode)
    }
    gui.add(myObject, 'executeTheCommand').name('执行命令(BR_Line)')
    const tip = gui.add(myObject, 'tip').name('提示')
    const commandName = gui.add(myObject, 'commandName').name('当前执行的命令')
    const content = gui.add(myObject, 'content').name('命令行内容')
    Mx.MxFun.listenForCommandLineInput(({ msCmdTip, msCmdDisplay, msCmdText }) => {
        tip.setValue(msCmdTip)
        commandName.setValue(msCmdText)
        content.setValue(msCmdDisplay)
    })
</script>

<body>
    <div class="mxdiv">
        <canvas id="mxcad"></canvas>
    </div>
</body>


</html>