[{"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-cn":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],"底层一律按真实尺寸，以厘米为单位，显示时可以选毫米、厘米或米。画的时候输入数字再按回车键：单位是毫米时，输 3600 就是一面 3.6 m 的墙。矩形两边一起输，比如 3600 x 2400。","线会吸附到网格、其他图形的端点、中点和圆心，以及每 15° 的角度。按住 Alt 可以临时自由画。",{"h2":48,"steps":49},"八步画好一张平面图",[50,51,52,53,54,55,56,57],"打开[新建设计](\u002Fdesign\u002Fedit)，设好单位——画平面图一般用毫米。","选墙工具，设好墙厚。","画外墙，每段输入长度再按回车键。","加内墙，它们会吸附到已经画好的墙上。","从[平面图例](\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>",1792672098006]