Formule matematiche

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:

Equazione quadratica

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
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

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.

Grafico a linee rosse con riempimento nero.

chf=bg,s,0000EF

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.

Grafico a linee rosse con area nera e sfondo grigio chiaro.

chf=bg,s,0000EF80

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:

  • a,s,00000080: applica una trasparenza all'intera immagine.
  • bg,s,0000EF: applica uno sfondo blu. Anche lo sfondo è reso trasparente dal parametro precedente.

Grafico a dispersione con punti in blu e una trasparenza del 50%.

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

Torna all'inizio

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 (0).

  • chf=bg,lg: definisce un riempimento sfumato
  • 0: inclinazione di zero gradi
  • FFE7C6,0 - sfumatura color pesca centrato sul lato sinistro (posizione 0)
  • 76A4FB,1: gradiente di colore blu centrato sul lato destro (posizione 1.0).

Pesca/sfumatura blu a zero gradi

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

Come sopra, ma con una sfumatura di 45 gradi.

Pesca/sfumatura blu a 45 gradi

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

Torna all'inizio

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 o 90 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 a 1, dove 1 è 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
  • bg,ls,0: le strisce di sfondo presentano un angolo di zero gradi rispetto all'asse y (parallelo all'asse y).
  • CCCCCC,0.15: la prima striscia è di colore grigio scuro, larga il 15% rispetto all'immagine.
  • FFFFFF,0.1: la seconda striscia è bianca, il 10% più larga dell'immagine.
Formula con strisce verticali
chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1
  • c,ls,90: strisce di sfondo con un angolo di novanta gradi rispetto all'asse y.
  • 999999,0.25: la prima striscia è di colore grigio scuro, il 25% di larghezza rispetto all'immagine.
  • CCCCCC,0.25: uguale alla prima striscia, ma di un grigio più chiaro.
  • FFFFFF,0.25: uguale alla prima striscia, ma bianco.
Formula con strisce orizzontali
chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25

Torna all'inizio