Formules mathématiques

Vous pouvez générer une image montrant une formule mathématique, en utilisant le langage TeX.

Présentation

Vous pouvez générer une image d'une formule mathématique à l'aide du langage TeX (prononcé "tek" ou "tech"). Cela s'avère utile pour afficher des formules complexes sur votre page Web. Voici quelques exemples de formules affichées à la volée:

Équation du second degré

Copiez et collez les URL des images dans un navigateur pour voir l'URL qui génère chaque image.

Spécifiez votre formule en utilisant le langage TeX dans la propriété src et une balise <img>. La formule sera renvoyée au format PNG. Ou, si vous préférez, vous pouvez envoyer une requête GET programmatique pour récupérer une formule PNG.

Syntaxe

URL racine:https://chart.googleapis.com/chart?

Les requêtes d'image de formule sont compatibles avec les paramètres de requête d'URL suivants après le point d'interrogation dans l'URL racine:

Paramètre d'URL Obligatoire ou facultatif Description
cht=tx Obligatoire Indique qu'il s'agit d'une image de type formule.
chl=<data> Obligatoire Formule à afficher, dans le langage TeX. Vous devez encoder la formule en URL. Pour en savoir plus, reportez-vous aux informations ci-dessous.
chs=<width>x<height> Facultatif Taille de l'image, en pixels. Si vous ne spécifiez pas cette option, la taille est calculée automatiquement. Si vous spécifiez une valeur unique, ce sera la hauteur et la largeur sera calculée pour vous.
chf Facultatif Tous les types de remplissage d'arrière-plan sont pris en charge. Consultez la section Remplissage d'arrière-plan.
chco Facultatif Indique la couleur du texte. La couleur par défaut est le noir.

Encodage des URL avec les données chl

N'oubliez pas que vous devez encoder en URL tous les caractères non compatibles avec les URL utilisés dans votre formule. Pour accéder à un encodeur d'URL, cliquez ici.

L'erreur la plus courante consiste à utiliser + dans une formule au lieu de %2B, comme indiqué ci-dessous:

Non codé au format URL Codé en URL
a^2 + b^2 = c^2
cht=tx&chl=a^2+b^2=c^2
a^2 + b^2 = c^2
cht=tx&chl=a^2%2Bb^2=c^2

Remplissage de l'arrière-plan (chf)

Vous pouvez spécifier un remplissage uni, dégradé ou des rayures pour l'image. Tous les remplissages sont spécifiés à l'aide d'un paramètre chf. Vous pouvez combiner différents types de remplissage (pleins, bandes, dégradés) dans la même image en les séparant par une barre verticale ( | ).

Remplissages solides

Vous pouvez spécifier un remplissage avec une couleur unie, avec ou sans transparence, ou rendre toute l'image transparente.

Syntaxe

chf=<fill_type>,s,<color>|...
<fill_type>
Spécifiez l'une des valeurs suivantes :
  • bg : remplissage de l'arrière-plan. L'arrière-plan peut être rendu transparent si vous spécifiez une valeur alpha dans le paramètre <color>.
  • a : transparence de l'image. Les six premiers chiffres de <color> sont ignorés, et seuls les deux derniers (la valeur de transparence) sont appliqués.
s
Spécifie un remplissage plein.
<color>
Couleur de remplissage, au format hexadécimal RRVVBB[AA], où AA est une valeur de transparence (alpha) facultative.

 

Exemples

Description Exemple

Formule sur fond bleu.

Graphique en courbes rouges avec remplissage des zones noires

chf=bg,s,0000EF

Identique à la table ci-dessus, mais l'arrière-plan est légèrement transparent grâce à l'utilisation de deux chiffres alpha, 80, ce qui correspond à une transparence d'environ 50 %. Notez que l'arrière-plan de la formule est transparent, mais pas le texte.

Graphique en courbes rouges avec une zone noire sur fond gris pâle.

chf=bg,s,0000EF80

Cet exemple applique une transparence à l'ensemble de l'image. Notez comment l'arrière-plan des cellules du tableau s'affiche à la fois dans le texte et en arrière-plan. L'image combine deux arrière-plans à l'aide d'une barre verticale:

  • a,s,00000080 : applique une transparence à toute l'image.
  • bg,s,0000EF : applique un arrière-plan bleu. Le paramètre précédent rend également l'arrière-plan transparent.

Graphique à nuage de points avec des points en bleu et une transparence de 50 %.

chf=a,s,00000080|
  bg,s,0000EF

Haut de page

Remplissages de dégradé

Vous pouvez appliquer un ou plusieurs remplissages de dégradé à la formule. Les remplissages de dégradé sont des fondus d'une couleur à une autre.

Chaque remplissage en dégradé spécifie un angle, puis deux ou plusieurs couleurs ancrées à un emplacement spécifié. La couleur varie selon qu'elle se déplace d'une ancre à l'autre. Vous devez avoir au moins deux couleurs avec des valeurs <color_centerpoint> différentes pour que l'une puisse passer en fondu à l'autre. Chaque dégradé supplémentaire est spécifié par une paire <color>,<color_centerpoint>.

Syntaxe

chf=bg,lg,<angle>,<color_1>,<color_centerpoint_1>
    ,...,
  <color_n>,<color_centerpoint_n>
bg
Remplissage de l'arrière-plan.
lg
Spécifie un remplissage en dégradé.
<angle>
Nombre indiquant l'angle du dégradé de 0 (horizontal) à 90 (vertical).
<color>
Couleur de remplissage, au format hexadécimal RRVVBB.
<color_centerpoint>
Spécifie le point d'ancrage de la couleur. La couleur commence à s'estomper à partir de ce point lorsqu'elle s'approche d'une autre ancre. La plage de valeurs va de 0,0 (bord inférieur ou gauche) à 1,0 (bord supérieur ou droit), inclinée selon l'angle spécifié par <angle>.

 

Exemples

Description Exemple

La formule a un dégradé linéaire horizontal, spécifié avec un angle de zéro degré (0).

  • chf=bg,lg : définit un remplissage en dégradé
  • 0 : inclinaison à zéro degré
  • FFE7C6,0 : dégradé de couleur pêche centré sur le côté gauche (position 0)
  • 76A4FB,1 : dégradé bleu centré sur le côté droit (position 1.0).

Dégradé pêche/bleu à zéro degré

chf=bg,lg,0,FFE7C6,0,76A4FB,1

Identique à la table ci-dessus, mais avec un dégradé de 45 degrés.

Dégradé pêche/bleu à 45 degrés

chf=bg,lg,45,FFE7C6,076A4FB,1

Haut de page

Remplissages à rayures

Vous pouvez spécifier un remplissage d'arrière-plan à rayures pour la formule.

Syntaxe

chf=
  bg,ls,<angle>,<color_1>,<width_1>
    ,...,
  <color_n>,<width_n>
bg
Remplissage de l'arrière-plan
ls
Spécifie un remplissage par bandes linéaires.
<angle>
Angle de toutes les bandes par rapport à l'axe Y. Utilisez 0 pour les bandes verticales ou 90 pour les bandes horizontales.
<color>
Couleur de cette bande, au format hexadécimal RRVVBB. Répétez <color> et <width> pour chaque bande supplémentaire. Vous devez avoir au moins deux bandes. Les bandes alternent jusqu'à ce que l'image soit remplie.
<width>
Largeur de cette bande, de 0 à 1, où 1 correspond à la largeur totale de l'image. Les rayures sont répétées jusqu'à ce que l'image soit remplie. Répétez <color> et <width> pour chaque bande supplémentaire. Vous devez avoir au moins deux bandes. Les bandes alternent jusqu'à ce que l'image soit remplie.

 

Exemples

Description Exemple
  • bg,ls,0 : bandes en arrière-plan selon un angle de zéro degré par rapport à l'axe Y (parallèle à l'axe Y).
  • CCCCCC,0.15 : la première bande est gris foncé, 15% plus large que l'image.
  • FFFFFF,0.1 : la deuxième bande est blanche et 10% plus large que l'image.
Formule avec bandes verticales
chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1
  • c,ls,90 : bandes en arrière-plan à un angle de 90 degrés par rapport à l'axe Y.
  • 999999,0.25 : la première bande est gris foncé, 25% plus large que l'image.
  • CCCCCC,0.25 : identique à la première bande, mais un gris plus clair.
  • FFFFFF,0.25 : identique à la première bande, mais blanche.
Formule avec des bandes horizontales
chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25

Haut de page