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:
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 |
---|---|
cht=tx&chl=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. |
|
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. |
|
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:
|
|
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é (
|
|
Identique à la table ci-dessus, mais avec un dégradé de 45 degrés. |
|
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 ou90
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 |
---|---|
|
chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1 |
|
chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25 |