[{"data":1,"prerenderedAt":142},["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,"guides:how-to-draw-a-floor-plan-online:zh-cn":24,"guides-list:zh-cn":105,"i-tabler:chevron-right":132,"i-tabler:point-filled":134,"i-tabler:door":136,"i-tabler:armchair":138,"i-tabler:texture":140},{"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>",{"title":25,"seoTitle":26,"description":27,"intro":28,"blocks":29,"faq":87},"怎么在线画平面图：一步一步来","怎么在线画平面图（免费，手把手教程）","在浏览器里按比例画平面图：量好房间，按精确长度画墙，加门窗和家具，标好尺寸，再导出 PNG、按比例 PDF 或 DXF。","先量好每个房间，打开一个按真实尺寸画图的工具，按量到的长度画外墙。然后加内墙、门窗、家具、尺寸标注和房间名，最后按 1:50 或 1:100 这样的比例导出。这篇教程用的是 [JotJam 的设计工具](\u002Fdesign)，免费，在浏览器里就能用。",[30,40,44,50,57,61,65,69,75,79],{"h2":31,"p":32,"list":34},"1. 先量再画",[33],"平面图准不准，全看数字准不准。拿卷尺或激光测距仪，一个房间一个房间地记下：",[35,36,37,38,39],"每面墙的长度，从一个墙角量到另一个墙角","墙的厚度——在门洞那里量","每扇门和窗的宽度，以及离最近墙角的距离","所有固定的东西：暖气片、橱柜、浴缸、楼梯","你觉得是方正的房间，量一下两条对角线——相等就是方的",{"h2":41,"p":42},"2. 先画个草图",[43],"在纸上或者[画板](\u002Fdraw)上徒手画出大致布局，边量边把尺寸写上去。正式的平面图就照着这张草图画，所以它不用整齐，但要完整。",{"h2":45,"steps":46},"3. 设置图纸",[47,48,49],"打开[新建设计](\u002Fdesign\u002Fedit)。画图不用注册账号。","在网格和吸附面板里设好单位。世界上大多数地方画平面图都用毫米，用厘米也行。","设好墙厚。住宅外墙常见 250–350 mm，内隔墙 75–150 mm，不过还是以你量到的为准。",{"h2":51,"steps":52},"4. 画外墙",[53,54,55,56],"选墙工具（W），点一下第一个墙角的位置。","把线朝墙的方向拉，输入长度——单位是毫米时 4.2 m 就输 4200——再按回车键。","沿着房子一个角一个角地画下去。线会吸附到每 15° 的角度，画直角很容易。","再点一次起点，把外轮廓闭合。",{"h2":58,"p":59},"5. 加内墙",[60],"每面内墙都从已有的墙上开始画。点会吸附到已画好的线的端点和中点，墙与墙能干净地接上。长度照样直接输入。需要放一个不吸附的点，就按住 Alt。",{"h2":62,"p":63},"6. 放门、窗和楼梯",[64],"打开图例面板，拖入[单开门](\u002Flibrary\u002Fplan\u002Fsingle-door)、[双开门](\u002Flibrary\u002Fplan\u002Fdouble-door)、[推拉门](\u002Flibrary\u002Fplan\u002Fsliding-door)、[窗](\u002Flibrary\u002Fplan\u002Fwindow)或[直跑楼梯](\u002Flibrary\u002Fplan\u002Fstraight-stair)。它们都是真实尺寸，90 cm 的门放进 90 cm 的门洞，不用缩放。把每个拖到对应的墙上，用「旋转 90°」转到正确方向。检查每扇门的开启线：不能撞到家具或另一扇门。每个符号是什么意思，见[平面图图例指南](\u002Fguides\u002Ffloor-plan-symbols)。",{"h2":66,"p":67},"7. 摆家具",[68],"加上[床](\u002Flibrary\u002Fplan\u002Fdouble-bed)、[沙发](\u002Flibrary\u002Fplan\u002Fsofa)、[餐桌](\u002Flibrary\u002Fplan\u002Fdining-table)、[厨房操作台](\u002Flibrary\u002Fplan\u002Fkitchen-counter)、[浴缸](\u002Flibrary\u002Fplan\u002Fbathtub)和[坐便器](\u002Flibrary\u002Fplan\u002Ftoilet)。它们都是真实尺寸，房间放不放得下一张双人床、旁边还能不能走人，一眼就看得出来。其他家具，按[画平面图常用的家具尺寸](\u002Fguides\u002Ffurniture-sizes-for-floor-plans)里的尺寸画矩形就行。",{"h2":70,"list":71},"8. 标尺寸、写名字",[72,73,74],"**尺寸标注（D）**——点两个点，再放好尺寸线。标出房子的总尺寸、每个房间的尺寸和门窗洞口的位置。","**文字（T）**——房间名，需要的话再写上面积。","**指北针和比例尺**——在平面图例里，这样就算图纸缩小打印，看图的人也知道朝向和大小。",{"h2":76,"p":77},"9. 保存和导出",[78],"把设计保存到你的账号，然后下载 PNG 或 SVG。想按真实比例打印，就导出 A4 或 A3 的按比例 PDF——整套房子用 1:100，带家具的房间布置用 1:50——按 100% 打印。要在 AutoCAD、Rhino 或 SketchUp 里用，就导出 DXF。",{"h2":80,"list":81},"常见错误",[82,83,84,85,86],"外墙和内墙厚度不一样，却全画成一样厚。","忘了画门的开启线，结果发现门会撞到床。","家具凭感觉缩放，没用真实尺寸。","没有指北针、没有比例尺、没有总尺寸。","按厘米量的，却把数字输进了毫米单位的图里。",{"title":88,"items":89},"常见问题",[90,93,96,99,102],{"q":91,"a":92},"能免费在线画平面图吗？","能。JotJam 的设计工具免费，不用注册就能用。保存会用掉几个积分，每天登录都送免费积分。",{"q":94,"a":95},"平面图该用什么比例？","整套房子一般用 1:100，单个房间或带家具的布置用 1:50，厨房、卫生间这类详图用 1:20。",{"q":97,"a":98},"能在 iPad 或手机上画平面图吗？","能。点墙角来画墙，双指捏合缩放，双指拖动移动画面。画整套房子的话，屏幕大一点更顺手。",{"q":100,"a":101},"画好的平面图能在 AutoCAD 里打开吗？","保存设计后导出 DXF，按真实尺寸输出，单位毫米。",{"q":103,"a":104},"量墙的时候量内侧还是外侧？","在每个房间里量，从墙面量到墙面，墙厚另外量。这样就能算出总尺寸，再和在外面量的数对一下。",[106,108,112,116,120,124,128],{"slug":107,"title":25,"description":27},"how-to-draw-a-floor-plan-online",{"slug":109,"title":110,"description":111},"floor-plan-symbols","平面图图例和含义","平面图上的线都代表什么：门的开启线、推拉门、窗、楼梯、家具、指北针、比例尺和剖切符号，附免费 SVG 图例下载。",{"slug":113,"title":114,"description":115},"furniture-sizes-for-floor-plans","画平面图常用的家具尺寸","床、沙发、餐桌、书桌、衣柜、厨房和卫浴设施的常见尺寸，以及周围要留多少空间——单位厘米，画平面图直接用。",{"slug":117,"title":118,"description":119},"section-hatch-patterns","剖面填充图案：每种代表什么","建筑剖面图里的填充图案分别代表什么——混凝土、砖、素土、保温层、木材、碎石——各自什么时候用，怎么让剖面图清楚好读。附免费 SVG 填充图例。",{"slug":121,"title":122,"description":123},"sketch-on-a-phone-or-tablet","不装 App，怎么在手机或平板上画画","在 iPad、安卓平板或手机的浏览器里直接画画：支持 Apple Pencil 压感、手掌搭屏、双指缩放，能保存并导出 PNG——免费，不用装 App。",{"slug":125,"title":126,"description":127},"play-piano-on-a-computer-keyboard","怎么用电脑键盘弹钢琴","电脑键盘上哪个键对应哪个钢琴音，怎么切换八度、用延音踏板，还有在笔记本键盘上就能弹的简单曲子和和弦。",{"slug":129,"title":130,"description":131},"easy-guitar-chords-for-beginners","吉他入门简单和弦","吉他新手最先该学的十个和弦——Em、Am、E、A、D、C、G、Dm、G7 和 F——附品位指法、学习顺序和练习用的简单和弦进行。还能在在线吉他上听每个和弦。",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":133},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m9 6l6 6l-6 6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":135},"\u003Cpath fill=\"currentColor\" d=\"M12 7a5 5 0 1 1-4.995 5.217L7 12l.005-.217A5 5 0 0 1 12 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":137},"\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":139},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M5 11a2 2 0 0 1 2 2v2h10v-2a2 2 0 1 1 4 0v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2\"\u002F>\u003Cpath d=\"M5 11V6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v5M6 19v2m12-2v2\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":141},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 3L3 6m18 12l-3 3M11 3l-8 8m13-8L3 16M21 3L3 21M21 8L8 21m13-8l-8 8\"\u002F>",1792672097669]