室內平面圖繪製
免費線上畫室內平面圖:畫牆、放門窗與家具,自動標尺寸、算坪數與平方公尺,一鍵 3D 預覽,還能用分享連結傳給家人或設計師。免註冊,圖面只存在瀏覽器、不上傳。
- 自動算坪數
- 門窗家具拖放
- 3D 立體預覽
- 分享連結
平面圖會自動存在這個瀏覽器(localStorage),不會上傳;換裝置或清除瀏覽資料前,請先「匯出 JSON」備份。
🔒 所有計算都在你的瀏覽器內完成,資料不會上傳到任何伺服器。
什麼時候會用到
- 看房與買房:照著格局圖或實際量測畫出平面圖,確認坪數與家具擺不擺得下。
- 裝潢與搬家前規劃:先在圖上擺床、沙發、櫃子試不同配置,再決定買多大的尺寸。
- 和設計師、家人溝通:按「複製分享連結」傳給對方,打開就能看同一張圖與 3D。
- 租屋與分租:畫出房間格局與大小,匯出 PNG 放進租屋貼文。
使用說明
- 用「矩形房間」拖出房間,或用「畫牆」一路點出格局;畫牆時可以直接打長度(公分)再按 Enter。牆頭尾相接圍成一圈後,右側會自動算出面積與坪數。
- 從左邊元件庫點門窗再點牆就能放上去;家具點一下會放在畫面中央,選取後可拖曳、拉四角改尺寸、拉圓形把手旋轉,右側面板能輸入精確數字。
- 按「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 的瀏覽器。
常見問題
坪數是怎麼換算的?
1 坪 = 400/121 平方公尺(約 3.3058 m²),所以坪數 = 平方公尺 ÷ 3.3058。例如 6 m × 4 m 的房間是 24 m²,約 7.26 坪。工具同時列出以牆中心線計算的面積,和扣掉牆厚後的室內淨面積。
為什麼和權狀上的坪數不一樣?
權狀的建物面積以外牆外緣、共用牆中心為界,還可能包含陽台、雨遮與公共設施持分;本工具只算你畫出來的牆圍成的空間。想知道實際能擺家具的大小,看「室內淨面積」比較準。
畫好的平面圖存在哪裡?會不見嗎?
每次修改都會自動存在這個瀏覽器的 localStorage,關掉頁面再回來還在,但不會上傳到伺服器。清除瀏覽資料、用無痕視窗或換裝置就看不到了,重要的圖請按「匯出 JSON」備份。
手機可以用嗎?
可以。單指拖曳空白處平移、雙指縮放,點選後拖曳就能移動家具;畫牆時點一下放一個點,畫完按「結束畫牆」。畫面較小,複雜的格局建議用電腦編輯,手機用來檢視與小幅調整。
怎麼把平面圖傳給家人或設計師看?
按「複製分享連結」,牆、門窗與家具會壓縮後放在網址的 # 後面,對方打開就能看到同一張平面圖,也能切換 3D 預覽;這段不會傳到伺服器。只需要圖片的話,用「匯出 PNG」即可。
怎麼量房間尺寸才準?
用捲尺或雷射測距儀量牆面內側的長與寬(公分),門窗則量寬度與離牆角的距離;畫牆時可以直接輸入長度再按 Enter。
可以算出室內實際能用的坪數嗎?
牆圍成房間後,會同時顯示中心線面積與室內淨面積(扣掉牆的厚度);淨面積比較接近實際可以使用的空間。
畫好的平面圖可以印出來嗎?
按「匯出 PNG」存成圖片後就能列印;圖上會標示尺寸與比例尺,方便和實際空間對照。
參考來源
- 地籍測量實施規則 — 臺北市法規查詢系統(內政部發布之地籍測量實施規則)
- Canvas API — MDN Web Docs
- WebGL: 2D and 3D graphics for the web — MDN Web Docs