Saisir une équation LaTeX sur le canevas

Ce tutoriel présente l’outil Math — l’icône fx dans la barre d’outils. Vous allez saisir une expression LaTeX, observer le rendu KaTeX se mettre à jour en temps réel sous votre curseur, modifier la couleur et la taille, puis exporter le résultat en SVG ou PNG. Le fichier exporté s’insère directement dans une figure d’article, une présentation, une page Notion ou un billet de blog.

L’outil Math fait partie du Whiteboard infini de drawtonomy : le même canevas peut aussi contenir des voies de circulation, des véhicules et des piétons, ce qui est pratique quand une équation doit côtoyer le diagramme qu’elle explique. Mais rien n’oblige à utiliser ces éléments — l’outil Math fonctionne parfaitement sur un canevas vide, comme un éditeur de formules autonome.

1. Sélectionner l’outil Math

Ouvrez drawtonomy.com. Dans la barre d’outils en bas, cliquez sur l’icône fx — elle se situe entre l’outil Texte (T) et l’outil Freehand :

$L'outil Math (fx) est le bouton actif dans la barre d'outils du bas$

Astuce : vous préférez le clavier ? Appuyez sur / — c’est le raccourci style Notion pour l’outil Math.

2. Cliquer à l’endroit voulu

Cliquez n’importe où sur le canevas. drawtonomy ouvre un éditeur intégré à cet emplacement. La moitié supérieure est la zone de saisie LaTeX en texte brut ; la moitié inférieure affiche l’aperçu KaTeX en direct. Un texte indicatif montre la formule quadratique à titre d’exemple.

$Éditeur Math vide — la moitié haute est une zone de texte pour le source LaTeX, la moitié basse est l'aperçu KaTeX en direct, avec un exemple indicatif$

Les raccourcis affichés en bas — Del : supprimer · Flèches : déplacer · Esc : désélectionner — indiquent ce que vous pouvez faire pendant que l’éditeur est ouvert.

3. Saisir du LaTeX

Tapez une vraie expression. Commencez par le classique :

E = mc^2

À chaque frappe, le panneau inférieur se redessine en temps réel. Il n’y a pas de bouton « Rendre » — l’aperçu se met à jour à chaque caractère :

$Éditeur Math affichant E = mc^2 dans le panneau de saisie avec le rendu KaTeX correspondant en dessous$

Essayez quelque chose de plus élaboré. Effacez la saisie et tapez la formule quadratique :

x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}

\frac, \sqrt, \pm et ^ se rendu exactement comme dans un article scientifique :

$Éditeur Math affichant la formule quadratique avec fraction, racine carrée et ± dans l'aperçu$

L’outil Math prend en charge l’ensemble du vocabulaire KaTeX, ainsi que l’extension mhchem pour la chimie — consultez la référence Math pour le catalogue complet.

4. Valider : appuyer sur Échap

Appuyez sur Échap (ou cliquez en dehors de l’éditeur) pour terminer la saisie. La zone de texte disparaît et seule l’équation rendue reste sur le canevas, dimensionnée pour s’adapter :

$Équation validée sur le canevas — seule la formule rendue est visible, entourée d'un cadre de sélection$

Le contour bleu est simplement le cadre de sélection. Cliquez sur une zone vide pour désélectionner.

Pour modifier à nouveau l’équation, double-cliquez dessus. L’éditeur se rouvre avec le source LaTeX d’origine — drawtonomy conserve le source, pas seulement l’image rendue, ce qui permet de modifier chaque équation indéfiniment.

5. Changer la couleur et la taille

Avec l’équation sélectionnée, consultez le panneau Math (LaTeX) dans le coin supérieur droit :

Color — cliquez sur une nuance pour recolorer (noir adapté aux publications, gris, rouge/orange/jaune/vert/bleu/violet). Pour des teintes spécifiques à votre charte graphique, cliquez sur More… pour accéder à la palette complète.
Size — faites glisser le curseur de 8 px (taille note de bas de page) à 200 px (titre d’affiche). Toute l’équation se redimensionne proportionnellement.

Réglez la couleur sur rouge et la taille sur 60 px :

$Même équation en rouge à 60 px, avec le panneau Math (LaTeX) montrant la nuance rouge sélectionnée et le curseur de taille à 60 px$

6. Exporter

Lorsque l’équation vous convient, exportez-la via Menu → Export :

Format	Idéal pour
SVG	LaTeX (`\includegraphics`), Notion, sites web, présentations. Vectoriel, s’adapte à toutes les tailles.
PNG	Partout où SVG n’est pas pris en charge (Word, certaines applications de messagerie).
PDF	Compilations LaTeX nécessitant des figures PDF. Le texte est converti en tracés, sans dépendance de police.
EPS	Chaînes LaTeX anciennes (`latex` + `dvips`). Également converti en tracés.
.drawtonomy.svg	Format natif de drawtonomy. Un SVG standard que vous pouvez rouvrir dans drawtonomy pour modifier le source LaTeX.

Pour un usage courant, SVG et PNG couvrent presque tous les besoins. Pour les articles LaTeX, PDF est le choix le plus fiable.

Ce que l’outil Math peut faire d’autre

Un aperçu rapide des autres fonctionnalités :

Chimie (mhchem) — \ce{2 H2 + O2 -> 2 H2O} produit une flèche de réaction correctement typographiée.

$Équation chimique mhchem dans l'aperçu en direct$
Systèmes multi-lignes avec numérotation — encadrez vos blocs dans \begin{align} ... \end{align} pour obtenir des numéros d’équation comme dans un article. Les corps des équations et les étiquettes (1)(2)(3) ne se chevauchent pas, même à grande taille.

$Équations de Maxwell rendues comme un environnement align avec les numéros d'équation (1)–(4)$
Équations longues — la zone de texte passe à la ligne et le panneau d’aperçu défile, ce qui permet de modifier même des démonstrations de plusieurs demi-pages.
Cmd+A puis Suppr — sélectionne toutes les formes du canevas (y compris les équations) et efface tout.
Déplacer la boîte de saisie — pendant l’édition, cliquez-glissez (seuil de 5 px) pour repositionner l’éditeur sans perdre votre position dans le texte.
Annuler / Rétablir — Cmd+Z / Cmd+Shift+Z. Les changements de couleur et de taille constituent chacun une étape d’annulation distincte ; le glissement du curseur de taille est regroupé en une seule étape.