CAO 2D en ligne pour croquis technique

Ce que vous pouvez faire ici

• Tracer ligne, rectangle, cercle et polyligne sur une grille 2D.
• Saisir longueur, angle, largeur, hauteur ou rayon pendant le dessin.
• Activer grille, accrochage aux extrémités et contrainte orthogonale.
• Sélectionner, déplacer, modifier un sommet, joindre ou détacher des extrémités.
• Annuler, rétablir, supprimer puis exporter en PNG ou SVG.

Réponse rapide : dessiner un plan 2D en ligne

Choisissez Ligne, Rectangle, Cercle ou Polyligne, puis cliquez dans le canevas. Pour une ligne, placez le premier point, saisissez éventuellement une longueur et un angle, puis validez avec Entrée. Pour un rectangle, indiquez largeur et hauteur ; pour un cercle, le rayon. La grille est espacée de 20 unités et l’accrochage attire le curseur vers les positions régulières ou vers une extrémité existante.

Utilisez Sélectionner pour déplacer une forme ou tirer ses poignées bleues. « Unir les extrémités » place deux sommets au même point et conserve leur relation lors d’une modification. Exportez ensuite en PNG pour une image prête à insérer ou en SVG pour garder des formes vectorielles. Avant tout usage réel, écrivez ce que représente une unité et contrôlez les dimensions dans un logiciel adapté.

CAO, DAO et croquis : ce que cet outil sait réellement faire

La CAO désigne la conception assistée par ordinateur ; la DAO met davantage l’accent sur le dessin. Dans la pratique, les deux termes se recouvrent souvent dans les recherches de plans 2D. FunnyTools fournit un tableau de croquis géométrique : il aide à poser un contour, une implantation, un schéma ou une idée avant de passer à un environnement de production.

Ce n’est pas un logiciel de bâtiment, de mécanique, d’électricité ou d’architecture. Il n’exécute aucun calcul de structure, de surface réglementaire, de passage, de charge, de matériau ou de conformité. Il ne contient pas de bibliothèque de symboles, de cartouche, de calques, de hachures, de cotations associatives ni de gestion de versions. Un dessin propre à l’écran ne devient pas automatiquement un plan d’exécution.

Unités, grille et échelle : décider avant de tracer

Les coordonnées affichées sont des unités abstraites. Vous pouvez décider que 20 unités, soit un pas principal de grille, représentent 10 cm, 50 cm ou 1 m, mais la page ne l’enregistre pas. Écrivez cette convention hors du dessin et conservez-la du début à la fin. Si vous changez d’équivalence au milieu, deux segments portant le même nombre ne représentent plus la même distance réelle.

L’export SVG conserve les coordonnées du canevas dans son `viewBox`, pas une échelle physique garantie à l’impression. L’export PNG est une image en pixels. Pour imprimer au 1:20, 1:50 ou 1:100, il faut ouvrir le fichier dans un logiciel qui gère unités, format de feuille, marges et échelle, puis vérifier une cote témoin. Ne mesurez pas une capture d’écran avec une règle en supposant qu’elle est à l’échelle.

• Définissez la finalité du croquis et son unité avant le premier trait.
• Gardez la même convention sur tout le dessin.
• Ajoutez les dimensions critiques dans un document séparé.
• Vérifiez une cote témoin après importation ou impression.

Ligne, rectangle, cercle et polyligne : choisir la bonne forme

Une ligne contient deux extrémités et convient à un axe, un bord isolé ou une liaison. Un rectangle est défini par deux coins opposés ; largeur et hauteur suivent les axes du canevas. Un cercle utilise un centre et un rayon. Une polyligne enchaîne plusieurs segments et reste ouverte tant que vous ne rejoignez pas manuellement son dernier point au premier. Double-cliquez, appuyez sur Entrée ou utilisez « Terminer la polyligne » pour la valider.

Le format SVG exporté utilise les éléments `line`, `rect`, `circle` et `polyline`. Selon MDN, une polyline décrit une liste de points X,Y et ne relie pas automatiquement le dernier au premier. Si vous avez besoin d’un contour fermé, placez donc le dernier sommet sur l’extrémité initiale avec l’accrochage, puis vérifiez visuellement la jonction.

La structure vectorielle est décrite dans la référence MDN sur les points des polylignes SVG .

Saisie dynamique : longueur, angle, largeur, hauteur et rayon

Après le premier point d’une ligne ou d’une polyligne, le panneau dynamique accepte une longueur. La touche Tab mène au champ d’angle, puis Entrée valide le segment. Un angle de 0° va vers la droite, 90° vers le bas dans le repère du canevas, 180° vers la gauche et −90° vers le haut. Cette orientation de l’axe Y suit l’affichage informatique et peut différer d’un repère mathématique classique.

Pour un rectangle, la saisie utilise largeur puis hauteur ; pour un cercle, elle utilise le rayon. Les valeurs doivent être positives. La saisie donne une géométrie plus reproductible qu’un clic à l’œil, mais elle n’ajoute pas de cote ni de contrainte paramétrique : modifier ensuite une poignée ne conserve pas automatiquement la valeur initiale. Recontrôlez la longueur affichée après toute édition.

Grille, mode orthogonal et accrochage aux extrémités

L’accrochage à la grille arrondit le curseur au pas de 20 unités. Le mode orthogonal contraint les lignes et segments de polyligne à l’horizontale ou à la verticale lorsque vous travaillez au pointeur. L’accrochage aux extrémités détecte un sommet proche et l’utilise comme point de départ ou d’arrivée. Ces aides visuelles réduisent les décalages, mais plusieurs aides actives peuvent entrer en concurrence près d’une géométrie dense.

Dans les logiciels professionnels, l’accrochage aux objets vise des emplacements précis comme extrémité, milieu, centre ou intersection. FunnyTools n’implémente que les extrémités des lignes et polylignes ; il ne détecte ni milieu, ni centre de cercle, ni intersection calculée. Si le curseur choisit un point inattendu, zoomez, désactivez temporairement la grille ou l’orthogonal, puis vérifiez les coordonnées.

Autodesk décrit le rôle général de l’ accrochage aux objets 2D .

Joindre, déplacer et détacher des sommets

Le mode « Unir les extrémités » demande un premier sommet puis un second. Le second est déplacé sur le premier et une relation interne relie les deux références. Lorsque vous tirez ensuite une poignée jointe, les sommets associés suivent le même point. Un petit marqueur indique la jonction. Cette fonction aide à maintenir un contour continu sans fusionner les formes en un objet unique.

Pour casser la relation, maintenez Alt en tirant la poignée. Déplacer une forme entière conserve ses relations internes, tandis qu’une jonction avec une autre forme peut influencer les sommets liés. Utilisez Annuler immédiatement si le résultat n’est pas celui attendu. L’historique appartient à la session de l’onglet ; recharger la page le supprime avec le dessin.

Export PNG ou SVG : quel format choisir

PNG capture le canevas comme image matricielle. Il convient à une note, une présentation ou un aperçu dont la taille finale est connue. Agrandir fortement un PNG révèle les pixels. Le navigateur produit l’image avec `canvas.toDataURL("image/png")` ; MDN indique que cette méthode crée une URL de données représentant le canevas.

SVG enregistre les formes comme vecteurs et calcule un `viewBox` autour de la géométrie avec une marge. Il reste net à l’agrandissement et peut être ouvert dans de nombreux éditeurs. L’export ne contient toutefois ni historique, ni grille, ni jonctions, ni état de sélection. FunnyTools n’exporte pas DWG ou DXF et ne réimporte pas un SVG comme projet éditable. Ouvrez systématiquement le fichier téléchargé avant de fermer la page.

La génération d’image depuis un canevas est documentée par MDN dans le tutoriel Canvas .

Usages adaptés et cas qui exigent un logiciel professionnel

L’outil convient à un croquis d’implantation, un schéma de principe, un contour de meuble, une disposition de stand, une circulation simple ou une idée à joindre à une discussion. Il peut aussi servir à apprendre coordonnées, angles, polylignes et différence entre image matricielle et vectorielle.

Pour un permis, une fabrication, une découpe, une installation électrique, un calcul de structure, une pièce mécanique tolérancée ou un plan contractuel, utilisez un logiciel et un processus qui gèrent unités, normes, calques, cotations, formats d’échange, révisions et validation par une personne qualifiée. Relevez les mesures sur place avec des instruments adaptés et ne déduisez jamais une cote de sécurité d’un croquis non calibré.

Mobile, confidentialité et sauvegarde de la session

Les événements de pointeur permettent d’utiliser souris, stylet ou écran tactile. Sur mobile, la barre d’outils se réorganise et le canevas reste utilisable, mais une saisie précise est plus confortable sur grand écran avec clavier et souris. Pincez ou faites défiler la page en dehors du canevas ; dans le canevas, la molette zoome et un glissement en mode Sélectionner sur une zone vide déplace la vue.

La géométrie reste dans la mémoire de l’onglet. Aucun compte, nom de projet ou fichier n’est envoyé à FunnyTools. Il n’existe pas de sauvegarde automatique : un rechargement, une fermeture, un plantage ou une suspension peut faire perdre le travail. Exportez tôt, ouvrez le fichier, puis conservez plusieurs versions si le croquis compte.

Mode d’emploi étape par étape

1. Écrivez ce que représente une unité et la finalité du croquis.
2. Choisissez Ligne, Rectangle, Cercle ou Polyligne puis placez le premier point.
3. Utilisez la saisie dynamique pour longueur, angle, largeur, hauteur ou rayon.
4. Activez ou désactivez grille, extrémités et mode orthogonal selon le point recherché.
5. Sélectionnez une forme pour la déplacer ou modifier ses poignées ; Alt détache une extrémité jointe.
6. Vérifiez les jonctions et exportez en PNG ou SVG avant de fermer la page.

Dans quelles situations cet outil est utile

• Esquisser une pièce en décidant que 20 unités représentent 50 cm.
• Tracer un meuble rectangulaire puis contrôler largeur et hauteur.
• Créer un chemin ouvert avec une polyligne et des angles saisis.
• Joindre deux segments et déplacer leur sommet commun.
• Exporter en SVG pour agrandir le schéma sans pixellisation.

Exemples détaillés

Limites et vérifications importantes

• Les coordonnées sont des unités abstraites, pas des millimètres ou des mètres.
• La grille, les jonctions et l’historique ne sont pas inclus dans le SVG.
• La page n’exporte ni DWG ni DXF.
• Le dessin n’est pas sauvegardé après rechargement.
• Un croquis ne remplace ni mesure, norme, tolérance, calcul technique ni validation qualifiée.

Sources et documentation à consulter

• Autodesk — accrochage aux objets 2D Référence de vocabulaire pour les emplacements précis comme extrémité et centre.
• Autodesk — dessin en mode orthogonal Explique le principe de contrainte horizontale et verticale dans un plan 2D.
• W3C — SVG 2, formes de base Spécification des formes line, rect, circle et polyline utilisées à l’export.
• MDN — attribut points des polylignes SVG Décrit la liste de coordonnées X,Y d’une polyligne et son caractère ouvert.
• MDN — sauvegarde d’images Canvas Documente la génération PNG avec toDataURL et toBlob.

Questions fréquentes