户型图绘制

使用说明

1. 用「矩形房间」拖出房间，或用「画墙」一路点出户型；画墙时可以直接输入长度（厘米）再按 Enter。墙首尾相接围成一圈后，右侧会自动算出面积与坪数。
2. 在左侧组件库点门窗再点墙即可放置；家具点一下会放在画面中央，选中后可拖动、拉四角改尺寸、拉圆形手柄旋转，右侧面板可输入精确数值。
3. 点「3D」查看立体效果，可切换到人视角在屋内走动；完成后「导出 PNG」保存成图片，或「导出 JSON」备份，之后再「导入 JSON」继续编辑。

实际示例

首次打开时的示例是 6 m × 4 m 的单间，墙厚 12 cm。右侧面板显示「空间 1」：中心线面积 24.00 m²（7.26 坪）、室内净面积 22.81 m²（6.90 坪）、周长 20.00 m。净面积是每面墙各扣掉半个墙厚 6 cm，也就是 5.88 m × 3.88 m。

同一个单间在距左墙 2.5 m 处加一道 10 cm 厚的隔墙，上下两端接在墙的中心线上，会自动分成两间：空间 1 中心线 10.00 m²（3.03 坪）、净面积 9.27 m²（2.81 坪）、周长 13.00 m；空间 2 中心线 14.00 m²（4.24 坪）、净面积 13.15 m²（3.98 坪）、周长 15.00 m。两间中心线面积加起来仍是 24.00 m²。

用「快速创建房间」做一间 1000 × 1000 cm、墙厚改成 15 cm 的大空间：中心线面积 100.00 m²（30.25 坪），室内净面积 97.02 m²（29.35 坪），可以看出墙越厚，两种面积差得越多。

结果怎么看

• 中心线面积是沿墙的中线围出的大小，接近平时说「这间多少平」的算法；室内净面积是墙面之间真正能用的地面，买地板、地毯或估算家具能否摆下时看这个。
• 面积四舍五入到小数点后两位显示，例如 10 m² 是 3.025 坪，会显示 3.03 坪；合计一行是先把各空间面积相加再换算，不是把画面上的坪数相加。
• 周长是中心线一圈的长度，可以用来粗估踢脚线、石膏线的长度，但实际室内周长会略短（每个角少半个墙厚），也没有扣掉门的宽度。
• 面积面板里没有出现某个空间，说明那一圈墙没有真正连上：墙的端点要重合（画墙时会自动吸附到附近端点），隔墙的端点要落在另一面墙的中心线上。

原理与计算方法

• 所有尺寸以厘米保存，墙是一条中心线加上厚度。画墙时光标 12 个屏幕像素内有已有端点就直接连上；开启吸附时角度吸附到 15° 的倍数、长度吸附到选定的间距（1、5、10 或 50 cm）。
• 识别封闭空间：先把墙在 T 形接头和十字交叉处切开，相距 0.5 cm 以内的端点视为同一点，再反复去掉只连一端的悬空墙；然后把每个节点上的墙按角度排序，沿同一侧转弯走一圈，围出正面积的就是一个空间，面积用鞋带公式（各顶点坐标交叉相乘）计算。
• 室内净面积：把空间的每条边向内缩该面墙厚度的一半，相邻两条内缩线求交点得到新顶点，再用鞋带公式算面积；墙比空间还厚、内缩后边的方向翻转时，显示「无法计算」。
• 坪数 = 平方米 ÷（400/121），与本站单位换算工具一致；1 平方米 = 10,000 平方厘米。
• 3D 视图在第一次点击时才下载 three.js，墙在门窗位置切成上下左右几块形成洞口；人视角用半径 22 cm 的圆柱代表身体做碰撞，落地且高度 180 cm 以上的门可以穿过，窗户不行。

适用限制

• 墙只能是直线，不支持弧形墙；斜墙可以画，但面积按顶点连线计算。
• 没有和外围相连、单独围在房间里的墙（例如用四面墙画的柱子）不会从外面那间的面积中扣除；隔墙如果只画到墙面而没接到中心线，也不会把房间分开。
• 净面积不扣除柱子、管道井和家具；本工具的面积仅供规划参考，不能代替测绘机构的房屋测量结果或房产证登记面积。
• 只能画单层。图纸保存在单个浏览器的 localStorage，清除网站数据就会丢失；3D 视图需要支持 WebGL 的浏览器。

常见问题

💬 没找到答案？反馈这个工具的问题或提出建议