Puoi generare un'immagine che mostra una formula matematica utilizzando il linguaggio TeX.
Panoramica
Puoi generare l'immagine di una formula matematica utilizzando il linguaggio TeX (pronunciato "tek" o "tech"). Questa operazione è utile per visualizzare formule complesse nella pagina web. Di seguito sono riportati alcuni esempi di formule visualizzate all'istante:
Copia e incolla gli URL immagine in un browser per visualizzare l'URL che genera ciascuna immagine.
Specifica la formula utilizzando il linguaggio TeX nella proprietà src e un tag <img>
. La formula verrà restituita come file PNG. In alternativa, se preferisci, puoi inviare una richiesta GET in modo programmatico per recuperare un file PNG formula.
Sintassi
URL principale: https://chart.googleapis.com/chart?
Le richieste di immagine della formula supportano i seguenti parametri di query dell'URL dopo il carattere ? nell'URL principale:
Parametro URL | Obbligatorio o facoltativo | Descrizione |
---|---|---|
cht=tx |
Obbligatorio | Specifica che si tratta di un'immagine di tipo formula. |
chl=<data> |
Obbligatorio | La formula per il rendering, nel linguaggio TeX. La formula deve essere codificata tramite URL; per i dettagli, vedi di seguito. |
chs=<width>x<height> |
Facoltativo | Dimensioni delle immagini, in pixel. Se non specifichi questo valore, le dimensioni verranno calcolate automaticamente. Se specifichi un singolo valore, sarà l'altezza e la larghezza verrà calcolata automaticamente. |
chf |
Facoltativo | Sono supportati tutti i tipi di riempimento dello sfondo. Vedi Riempimenti dello sfondo. |
chco |
Facoltativo | Specifica il colore del testo. Il valore predefinito è nero. |
Codifica URL dei dati chl
Ricorda che devi codificare gli URL per tutti i caratteri non sicuri per gli URL utilizzati nella formula. Qui puoi trovare un codificatore di URL.
L'errore più comune è utilizzare + in una formula invece di %2B, come mostrato qui:
Non codificato tramite URL | Codificato con URL |
---|---|
cht=tx&chl=a^2+b^2=c^2 |
cht=tx&chl=a^2%2Bb^2=c^2 |
Riempimenti sfondo (chf
)
Puoi specificare riempimenti a tinta unita, a sfumatura o a strisce per l'immagine. Tutti i riempimenti vengono specificati utilizzando un parametro chf
e puoi mescolare diversi tipi di riempimento (solidi, strisce, gradienti) nella stessa immagine separando i valori con una barra verticale ( | ).
Riempimento continuo
Puoi specificare un riempimento a tinta unita, con o senza trasparenza, oppure rendere trasparente l'intera immagine.
Sintassi
chf=<fill_type>,s,<color>|...
- <fill_type>
- Specifica uno dei seguenti valori:
bg
: riempimento dello sfondo. Lo sfondo può essere reso trasparente se specifichi un valore alfa nel parametro <color>.a
: trasparenza dell'immagine. Le prime sei cifre di<color>
vengono ignorate e vengono applicate solo le ultime due (il valore di trasparenza).
- s
- Specifica un riempimento pieno.
- <color>
- Il colore di riempimento, nel formato esadecimale RRGGBB[AA], dove AA è un valore di trasparenza (alfa) facoltativo.
Esempi
Descrizione | Esempio |
---|---|
Una formula con uno sfondo blu. |
|
Come sopra, ma lo sfondo è reso leggermente trasparente dall'utilizzo di due cifre alfabetiche, 80, che corrisponde a una trasparenza di circa il 50%. Nota come lo sfondo della formula è trasparente, ma non il testo. |
|
In questo esempio viene applicata una trasparenza all'intera immagine. Nota come lo sfondo delle celle della tabella viene visualizzato attraverso il testo e lo sfondo. L'immagine combina due sfondi utilizzando una barra verticale:
|
|
Riempimento con sfumatura
Puoi applicare uno o più riempimenti sfumati alla formula. I riempimenti sfumatura sono dissolvenze da un colore a un altro.
Ogni riempimento sfumato specifica un angolo, seguito da due o più colori ancorati a una posizione specificata. Il colore varia in base al passaggio da un ancoraggio all'altro. Devi avere almeno due colori con valori <color_centerpoint> diversi, in modo che uno possa sfocare nell'altro. Ogni sfumatura aggiuntiva è specificata da una coppia <color>,<color_centerpoint>.
Sintassi
chf=bg,lg,<angle>,<color_1>,<color_centerpoint_1> ,..., <color_n>,<color_centerpoint_n>
- bg
- Riempimento sfondo.
- lg
- Specifica un riempimento sfumato.
- <angolo>
- Un numero che specifica l'angolo del gradiente da 0 (orizzontale) a 90 (verticale).
- <color>
- Il colore del riempimento, in formato esadecimale RRGGBB.
- <color_centerpoint>
- Specifica il punto di ancoraggio per il colore. Il colore inizierà a sbiadire da questo punto man mano che si avvicina a un altro ancoraggio. L'intervallo di valori va da 0,0 (bordo inferiore o sinistro) a 1,0 (bordo superiore o destro), inclinato in base all'angolo specificato da <angolo>.
Esempi
Descrizione | Esempio |
---|---|
La formula ha un gradiente lineare orizzontale, specificato
con un angolo di zero gradi (
|
|
Come sopra, ma con una sfumatura di 45 gradi. |
|
Riempimenti a righe
Puoi specificare un riempimento dello sfondo a strisce per la formula.
Sintassi
chf= bg,ls,<angle>,<color_1>,<width_1> ,..., <color_n>,<width_n>
- bg
- Riempimento sfondo
- ls
- Specifica un riempimento lineare a strisce.
- <angolo>
- L'angolo di tutte le strisce rispetto all'asse y. Usa
0
per le strisce verticali o90
per le strisce orizzontali. - <color>
- Il colore di questa striscia, in formato esadecimale RRGGBB. Ripeti <color> e <width> per ogni striscia aggiuntiva. Devi avere almeno due strisce. Le strisce si alternano finché l'immagine non viene riempita.
- <width>
- La larghezza di questa striscia, da
0
a1
, dove1
è la larghezza intera dell'immagine. Le strisce vengono ripetute fino a riempire l'immagine. Ripeti i valori <color> e <width> per ogni striscia aggiuntiva. Devi avere almeno due strisce. Le strisce si alternano finché l'immagine non viene riempita.
Esempi
Descrizione | Esempio |
---|---|
|
chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1 |
|
chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25 |