[{"data":1,"prerenderedAt":117},["ShallowReactive",2],{"i-tabler:book-2":3,"i-tabler:world":8,"i-tabler:check":10,"i-tabler:mail":12,"i-tabler:home":14,"i-tabler:pencil":16,"i-tabler:ruler-2":18,"i-tabler:music":20,"i-tabler:folder":22,"pages:design:zh-tw":24,"i-tabler:door":101,"i-tabler:plus":103,"i-tabler:pointer":105,"i-tabler:magnet":107,"i-tabler:ruler-measure":109,"i-tabler:triangle":111,"i-tabler:keyboard":113,"i-tabler:point-filled":115},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M19 4v16H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\"\u002F>\u003Cpath d=\"M19 16H7a2 2 0 0 0-2 2M9 8h6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m.6-3h16.8M3.6 15h16.8\"\u002F>\u003Cpath d=\"M11.5 3a17 17 0 0 0 0 18m1-18a17 17 0 0 1 0 18\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 12l5 5L20 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\u002F>\u003Cpath d=\"m3 7l9 6l9-6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M5 12H3l9-9l9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7\"\u002F>\u003Cpath d=\"M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 20h4L18.5 9.5a2.828 2.828 0 1 0-4-4L4 16zm9.5-13.5l4 4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m17 3l4 4L7 21l-4-4zm-1 4l-1.5-1.5M13 10l-1.5-1.5M10 13l-1.5-1.5M7 16l-1.5-1.5\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 17a3 3 0 1 0 6 0a3 3 0 0 0-6 0m10 0a3 3 0 1 0 6 0a3 3 0 0 0-6 0\"\u002F>\u003Cpath d=\"M9 17V4h10v13M9 8h10\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2\"\u002F>",{"intro":25,"blocks":26,"faq":80},"JotJam 的設計工具讓你直接在瀏覽器裡按比例畫平面圖、立面圖、剖面圖和等角圖。牆、線、圓弧和尺寸標註都會自動貼齊，長度可以直接輸入，還能從[免費圖例庫](\u002Flibrary)拖入門、家具和人物。儲存過的設計可以免費匯出 PNG 或 SVG，也能匯出按比例 PDF，或給 CAD 用的 DXF。",[27,42,47,58,73],{"h2":28,"items":29},"工具箱裡有什麼",[30,33,36,39],{"h3":31,"p":32},"牆","逐一點選每個轉角，再點兩下或按「完成」。再點一次起點就能把房間封閉。先設好牆厚，之後畫的每道牆都會用這個厚度。",{"h3":34,"p":35},"直線、聚合線、矩形、圓","畫外框、自己畫家具、基地範圍線和軸線網格的基本工具。",{"h3":37,"p":38},"圓弧和曲線","門的開啟弧線、凸窗、弧形牆和景觀。",{"h3":40,"p":41},"尺寸標註和文字","尺寸線會用你選的單位顯示長度。文字用來寫房間名稱、註記和圖名。",{"h2":43,"p":44},"精確尺寸",[45,46],"底層一律是實際尺寸，以公分為單位，尺寸可以顯示成公釐、公分或公尺。畫的時候輸入數字再按 Enter：單位是公釐時，輸入 3600 就是一道 3.6 m 的牆。矩形可以一次輸入兩邊，例如 3600 x 2400。","線會貼齊格線、其他圖形的端點、中點和圓心，以及 15° 的角度。按住 Alt 就能暫時自由畫。",{"h2":48,"steps":49},"八個步驟畫好平面圖",[50,51,52,53,54,55,56,57],"打開[一張新設計](\u002Fdesign\u002Fedit)並設定單位——平面圖通常用公釐。","選「牆」工具，設定牆厚。","畫外牆，每段輸入長度後按 Enter。","加上內牆，它們會貼齊已經畫好的牆。","從[平面圖例](\u002Flibrary\u002Fplan)放入門和窗。","加上床、沙發、廚房流理台和衛浴設備——全部是實際尺寸。","加上尺寸標註和房間名稱。","儲存，再下載 PNG 或 SVG，或匯出按比例 PDF 來列印。",{"h2":59,"items":60},"四種圖面",[61,64,67,70],{"h3":62,"p":63},"平面圖","從上往下看。[平面圖例](\u002Flibrary\u002Fplan)：門、窗、樓梯、家具、指北針、比例尺。",{"h3":65,"p":66},"立面圖","正對外牆或牆面看過去。[立面圖例](\u002Flibrary\u002Felevation)：人物、樹、汽車、門、窗。",{"h3":68,"p":69},"剖面圖","把建築垂直切開來看。[剖面圖例](\u002Flibrary\u002Fsection)：混凝土、磚、土壤和隔熱材填充，樓板、基腳。",{"h3":71,"p":72},"等角圖","把格線切換成等角，線會鎖定在三條等角軸上。[等角圖例](\u002Flibrary\u002Faxon)：量體方塊、樓梯、家具。",{"h2":74,"list":75},"匯出",[76,77,78,79],"**PNG 和 SVG**——儲存過的設計免費下載。SVG 能在 Illustrator、Inkscape 和支援匯入 SVG 的 CAD 軟體裡開啟。","**按比例 PDF**——A4 或 A3，比例從 1:1 到 1:1000（平面圖最常用 1:50 和 1:100）。以 100% 列印，就能用比例尺直接量。","**DXF**——能在 AutoCAD、LibreCAD、Rhino 和 SketchUp 裡開啟，以公釐為單位的實際尺寸。","PDF 和 DXF 是用你儲存的版本在我們的伺服器上產生的，會用掉幾點；同一版本、同樣設定再匯出一次是免費的。",{"title":81,"items":82},"常見問題",[83,86,89,92,95,98],{"q":84,"a":85},"要錢嗎？","畫圖免費，也不用帳號。儲存一張設計會用掉幾點，每天登入都會送免費點數。儲存過的設計下載 PNG 和 SVG 都免費。",{"q":87,"a":88},"是用什麼比例畫的？","底層一律是實際尺寸，以公分為單位。尺寸可以顯示成 mm、cm 或 m。圖例也是實際尺寸，所以門寬 90，雙人床 160 × 200。",{"q":90,"a":91},"圖可以在 CAD 或 Illustrator 裡開啟嗎？","先儲存設計，再匯出 SVG——能在 Illustrator、Inkscape 和支援匯入 SVG 的 CAD 軟體裡開啟。要用 AutoCAD 之類的軟體就匯出 DXF；要按 1:50 或 1:100 列印，就匯出按比例 PDF。",{"q":93,"a":94},"可以在 iPad 或手機上畫平面圖嗎？","可以。每個工具都能用觸控操作：點選轉角來畫，雙指捏合縮放，兩指拖曳移動畫面。大型平面圖用大一點的螢幕會比較好畫。",{"q":96,"a":97},"可以用英尺和英寸嗎？","還不行——尺寸只有公釐、公分和公尺。",{"q":99,"a":100},"有 3D 檢視嗎？","沒有。你可以在等角格線上畫等角圖，看起來很立體，但它們是圖面，不是 3D 模型。",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":102},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 12v.01M3 21h18M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":104},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 5v14m-7-7h14\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":106},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7.904 17.563a1.2 1.2 0 0 0 2.228.308l2.09-3.093l4.907 4.907a1.067 1.067 0 0 0 1.509 0l1.047-1.047a1.067 1.067 0 0 0 0-1.509l-4.907-4.907l3.113-2.09a1.2 1.2 0 0 0-.309-2.228L4 4z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":108},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 13V5a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v8a2 2 0 0 0 6 0V5a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v8a8 8 0 0 1-16 0m0-5h5m6 0h4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":110},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.875 12c.621 0 1.125.512 1.125 1.143v5.714c0 .631-.504 1.143-1.125 1.143H4a1 1 0 0 1-1-1v-5.857C3 12.512 3.504 12 4.125 12zM9 12v2m-3-2v3m6-3v3m6-3v3m-3-3v2M3 3v4m0-2h18m0-2v4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":112},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.363 3.591L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":114},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm4 2v.01m4-.01v.01m4-.01v.01m4-.01v.01M6 14v.01M18 14v.01M10 14l4 .01\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":116},"\u003Cpath fill=\"currentColor\" d=\"M12 7a5 5 0 1 1-4.995 5.217L7 12l.005-.217A5 5 0 0 1 12 7\"\u002F>",1792672098013]