[{"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:fr":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},"L’outil Dessin de JotJam vous permet de dessiner des plans, des élévations, des coupes et des axonométries à l’échelle, directement dans le navigateur. Murs, lignes, arcs et cotes s’accrochent tout seuls, vous tapez les longueurs exactes, et vous posez portes, meubles et personnages tirés d’une [bibliothèque de symboles gratuite](\u002Flibrary). Les plans sauvegardés s’exportent gratuitement en PNG ou SVG, ou en PDF à l’échelle et en DXF pour la CAO.",[27,42,47,58,73],{"h2":28,"items":29},"Ce qu’il y a dans la boîte à outils",[30,33,36,39],{"h3":31,"p":32},"Murs","Touchez chaque angle, puis touchez deux fois ou appuyez sur Terminé. Touchez à nouveau le premier point pour fermer la pièce. Réglez d’abord l’épaisseur des murs : chaque nouveau mur la reprend.",{"h3":34,"p":35},"Lignes, polylignes, rectangles, cercles","La base pour les contours, les meubles que vous dessinez vous-même, les limites de terrain et les trames.",{"h3":37,"p":38},"Arcs et courbes","Ouvertures de portes, bow-windows, murs courbes et aménagements paysagers.",{"h3":40,"p":41},"Cotes et texte","Les lignes de cote affichent leur longueur dans l’unité choisie. Le texte sert aux noms de pièces, aux notes et aux titres.",{"h2":43,"p":44},"Des dimensions exactes",[45,46],"Tout est en vraie grandeur, en centimètres, et vous pouvez afficher les dimensions en millimètres, centimètres ou mètres. Pendant le tracé, tapez un nombre et appuyez sur Entrée : 3600 donne un mur de 3,6 m si vous travaillez en millimètres. Les rectangles prennent les deux côtés, par exemple 3600 x 2400.","Les lignes s’accrochent à la grille, aux extrémités, milieux et centres des autres formes, et par pas de 15°. Maintenez Alt pour tracer librement un instant.",{"h2":48,"steps":49},"Dessiner un plan de maison en huit étapes",[50,51,52,53,54,55,56,57],"Ouvrez [un nouveau plan](\u002Fdesign\u002Fedit) et choisissez les unités : le millimètre est la norme pour les plans.","Prenez l’outil Mur et réglez l’épaisseur des murs.","Tracez les murs extérieurs en tapant chaque longueur puis Entrée.","Ajoutez les cloisons : elles s’accrochent aux murs déjà tracés.","Placez portes et fenêtres depuis les [symboles de plan](\u002Flibrary\u002Fplan).","Ajoutez lits, canapés, plan de travail et sanitaires, tous en vraie grandeur.","Ajoutez les cotes et les noms des pièces.","Sauvegardez, puis téléchargez en PNG ou SVG, ou exportez un PDF à l’échelle pour l’imprimer.",{"h2":59,"items":60},"Quatre types de dessin",[61,64,67,70],{"h3":62,"p":63},"Plan","La vue de dessus. [Symboles de plan](\u002Flibrary\u002Fplan) : portes, fenêtres, escaliers, mobilier, flèche du nord, échelle graphique.",{"h3":65,"p":66},"Élévation","Une vue de face d’une façade ou d’un mur. [Symboles d’élévation](\u002Flibrary\u002Felevation) : personnages, arbres, voitures, portes, fenêtres.",{"h3":68,"p":69},"Coupe","Une tranche verticale à travers le bâtiment. [Symboles de coupe](\u002Flibrary\u002Fsection) : hachures béton, brique, terre et isolant, dalles, semelles.",{"h3":71,"p":72},"Axonométrie","Passez la grille en isométrique et les lignes se calent sur les trois axes iso. [Éléments en axonométrie](\u002Flibrary\u002Faxon) : volumes, escaliers, mobilier.",{"h2":74,"list":75},"Export",[76,77,78,79],"**PNG et SVG** : gratuits pour les plans sauvegardés. Le SVG s’ouvre dans Illustrator, Inkscape et les logiciels de CAO qui importent le SVG.","**PDF à l’échelle** : en A4 ou A3, du 1:1 au 1:1000 (1:50 et 1:100 sont les échelles courantes pour un plan). Imprimez à 100 % et mesurez au réglet d’échelle.","**DXF** : s’ouvre dans AutoCAD, LibreCAD, Rhino et SketchUp, en vraie grandeur et en millimètres.","Le PDF et le DXF sont générés sur notre serveur à partir de votre version sauvegardée et coûtent quelques crédits ; réexporter la même version avec les mêmes réglages est gratuit.",{"title":81,"items":82},"Questions",[83,86,89,92,95,98],{"q":84,"a":85},"C’est gratuit ?","Dessiner est gratuit et ne demande pas de compte. Sauvegarder un plan coûte quelques crédits, et vous recevez des crédits gratuits chaque jour où vous vous connectez. Les téléchargements PNG et SVG des plans sauvegardés sont gratuits.",{"q":87,"a":88},"À quelle échelle est-ce dessiné ?","Tout est en vraie grandeur, en centimètres. Affichez les dimensions en mm, cm ou m. Les symboles sont aussi en vraie grandeur : une porte fait 90 de large, un lit double 160 × 200.",{"q":90,"a":91},"Je peux ouvrir mon dessin dans un logiciel de CAO ou Illustrator ?","Sauvegardez le plan, puis exportez en SVG : il s’ouvre dans Illustrator, Inkscape et les logiciels de CAO qui importent le SVG. Pour AutoCAD et les logiciels du même genre, exportez un DXF ; pour imprimer au 1:50 ou au 1:100, exportez un PDF à l’échelle.",{"q":93,"a":94},"Je peux dessiner un plan sur iPad ou sur téléphone ?","Oui. Tous les outils marchent au doigt : touchez les angles pour tracer, pincez pour zoomer, glissez à deux doigts pour vous déplacer. Pour un grand plan, un écran plus grand est plus confortable.",{"q":96,"a":97},"Je peux travailler en pieds et en pouces ?","Pas encore : les dimensions sont en millimètres, centimètres ou mètres.",{"q":99,"a":100},"Y a-t-il une vue 3D ?","Non. Vous pouvez dessiner des vues axonométriques (isométriques) sur la grille iso, qui donnent un effet de volume, mais ce sont des dessins, pas une maquette 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>",1792672097273]