floorplan-3d 测量工具怎么用自动吸附墙面、Shift 锁定水平垂直秒测任意尺寸【免费下载链接】floorplan-3d项目地址: https://gitcode.com/gh_mirrors/fl/floorplan-3d在纯前端户型装修设计工具floorplan-3d中测量工具是布置家具前的第一步点一下「测量」按钮测量线会自动吸附到墙体与窗框边缘按住 Shift 可锁定水平或垂直方向墙长、门宽、对角线距离都能以毫米mm为单位秒出结果。整个应用只有一个 index.html打开即用无需安装。1. 一键进入测量模式 进入 2D 平面图后有两种方式激活测量工具点击顶栏的「测量」按钮在「选择 / 拆改墙体」之间直接按快捷键M激活后鼠标变为十字光标画布顶部会出现一行操作提示点击两点或按住拖动测量距离 · 靠近墙面自动吸附 · Shift 锁定水平/垂直 · Esc 取消对应入口在 index.html提示文案定义在 index.html。2. 两种测量方式点两点或按住拖测量线的创建方式非常灵活支持两种操作操作效果连续点击两点先点起点、再点终点生成一条固定测量线按住鼠标拖动从起点拖到终点松手即完成触屏设备按住拖出一条线或依次点两点详见触屏操作面板完成后的测量线以橙色显示实时长度mm直接标注在线段中间未放下的预览线为青色方便你确认落点。长度计算与绘制逻辑在 index.html。 测量线最短记录 20mm过短的点选会被自动丢弃避免产生无意义的标记。3. 自动吸附端点自动贴合墙面 floorplan-3d 的测量点不会落空在墙中间。每次取点时都会执行吸附逻辑先将坐标对齐到10mm 网格若指针靠近任意墙体 / 窗框边缘容差随缩放级别自动调整端点会精确吸附到该边缘坐标已被拆改删除的墙体不参与吸附吸附算法见snapPoint()位于 index.html可参与吸附的墙面清单由 index.html 的snapRects()生成。实际效果鼠标移到墙上时测量端点会啪地对齐到墙体边线测出的就是墙体净尺寸不用反复对点。4. Shift 锁定水平/垂直 ⌨️量斜线容易手抖按住Shift再移动鼠标即可若移动方向水平分量更大→ 自动锁定为水平线终点与起点同一 Y 坐标若移动方向垂直分量更大→ 自动锁定为垂直线终点与起点同一 X 坐标也就是说你不需要精确控制方向工具会根据你的主方向自动转正锁定时机逻辑在 index.html。量房间宽度、走廊长度、层高方向尺寸时配合 Shift 一次到位。5. 取消、退出与清空需求操作取消当前未放下的起点按Esc或鼠标右键退出测量模式再按Esc或按V回到选择工具撤销最近一次测量Ctrl/⌘ Z测量计入撤销栈一键清空所有测量线右侧面板「方案统计」区的「清除测量」按钮右键取消与 Esc 的处理分别在 index.html 和 index.html清空按钮绑定在 index.html。6. 新手实用技巧 ✨先量后摆量好墙体净尺寸再对照左侧家具库的尺寸摆放如「三人沙发 2400 × 900」布局一次到位测门洞净宽门洞两侧端点会吸附到门框边线配合 Shift 水平锁定可精确测出门宽测量自动保存所有测量线随方案一起存入浏览器本地刷新页面后依然保留导出方案 JSON 时也会包含比例说明平面图按 1:60 / 1:100 显示、单位为 mm因此测量值就是真实毫米数可直接用于下单定制7. 快速上手克隆仓库并用浏览器打开index.html即可体验首次打开 3D 场景需联网加载 Three.jsgit clone https://gitcode.com/gh_mirrors/fl/floorplan-3d cd floorplan-3d按M进入测量模式点墙边两点——吸附与锁定的手感体验一下就会爱上。更多功能家具库、拆改墙体、3D 漫游可阅读项目说明 README.md。【免费下载链接】floorplan-3d项目地址: https://gitcode.com/gh_mirrors/fl/floorplan-3d创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考