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"). È utile per visualizzare formule complesse nella pagina web. Ecco alcuni esempi di formule visualizzate al volo:

Equazione quadratica

Copia e incolla gli URL immagine in un browser per vedere l'URL che genera ogni immagine.

Specifica la tua formula utilizzando il linguaggio TeX nella proprietà src 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'immagine PNG della formula.

Sintassi

URL di base: https://chart.googleapis.com/chart?

Le richieste di immagine 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 questa è un'immagine di tipo formula.
chl=<data> Obbligatorio La formula da visualizzare, in lingua TeX. Devi codificare la formula nell'URL; vedi sotto per i dettagli.
chs=<width>x<height> Facoltativo Dimensioni dell'immagine, in pixel. Se non lo specifichi, le dimensioni verranno calcolate automaticamente. Se specifichi un singolo valore, verrà utilizzata 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 tutti i caratteri non sicuri per URL utilizzati nella formula. Puoi trovare un codificatore URL qui.

L'errore più comune è utilizzare + in una formula al posto di %2B, come mostrato di seguito:

Senza codifica URL Codificato in 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

Riempimento sfondo (chf)

Puoi specificare riempimenti continui, a gradiente 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 il carattere barra verticale ( | ).

Riempimenti solidi

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 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 della trasparenza).
s
Specifica un riempimento in tinta unita.
<color>
Il colore di riempimento, in formato esadecimale RRGGBB[AA], dove AA è un valore facoltativo di trasparenza (alfa).

 

Esempi

Descrizione Esempio

Una formula con uno sfondo blu.

Grafico a linee rosse con riempimento dell&#39;area nera.

chf=bg,s,0000EF

Come sopra, ma lo sfondo è reso leggermente trasparente dall'uso di due cifre alfa, 80, che corrisponde a circa il 50% di trasparenza. Nota che lo sfondo della formula è trasparente, ma non il testo.

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

chf=bg,s,0000EF80

In questo esempio viene applicata una trasparenza all'intera immagine. Nota come lo sfondo della cella 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 trasparenza al 50%.

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

Torna all'inizio

Riempimento sfumatura

Puoi applicare uno o più riempimenti gradienti alla formula. I riempimenti sfumati passano da un colore a un altro.

Ogni riempimento sfumato specifica un angolo e due o più colori ancorati a una posizione specificata. Il colore varia a mano a mano che si sposta da un ancoraggio all'altro. Devi avere almeno due colori con valori <color_centerpoint> diversi, in modo che uno possa dissolversi nell'altro. Ogni gradiente aggiuntivo è specificato da una coppia <color>,<color_centerpoint>.

Sintassi

chf=bg,lg,<angle>,<color_1>,<color_centerpoint_1>
    ,...,
  <color_n>,<color_centerpoint_n>
bg
Riempimento dello sfondo.
lg
Specifica un riempimento gradiente.
<angolo>
Un numero che specifica l'angolo del gradiente da 0 (orizzontale) a 90 (verticale).
<color>
Il colore di riempimento, in formato esadecimale RRGGBB.
<color_centerpoint>
Specifica il punto di ancoraggio per il colore. Il colore inizierà a sbiadirsi da questo punto mentre 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 con l'angolo specificato da <angle>.

 

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 - Gradiente color pesca centrato a sinistra (posizione 0)
  • 76A4FB,1: gradiente di colore blu centrato sul lato destro (posizione 1.0).

Gradiente pesca/blu a zero gradi

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

Come sopra, ma con una sfumatura di 45 gradi.

Gradiente pesca/blu a 45 gradi

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

Torna all'inizio

Riempimenti a righe

Puoi specificare un riempimento di 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 a strisce lineare.
<angolo>
L'angolo di tutte le strisce rispetto all'asse Y. Utilizza 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 fino a quando l'immagine non viene riempita.
<width>
La larghezza di questa striscia, da 0 a 1, dove 1 rappresenta l'intera larghezza dell'immagine. Le strisce vengono ripetute fino a quando l'immagine non viene riempita. Ripeti i colori <color> e <width> per ogni striscia aggiuntiva. Devi avere almeno due strisce. Le strisce si alternano fino a quando l'immagine non viene riempita.

 

Esempi

Descrizione Esempio
  • bg,ls,0: strisce di sfondo con un angolo di zero gradi rispetto all'asse y (parallele all'asse y).
  • CCCCCC,0.15: la prima striscia è grigio scuro, il 15% di larghezza dell'immagine.
  • FFFFFF,0.1: la seconda striscia è bianca e ha il 10% di larghezza dell'immagine.
Formula con strisce verticali
chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1
  • c,ls,90: strisce sullo sfondo con un'angolazione di novanta gradi rispetto all'asse y.
  • 999999,0.25: la prima striscia è grigio scuro, il 25% di larghezza dell'immagine.
  • CCCCCC,0.25: come la prima striscia, ma in grigio più chiaro.
  • FFFFFF,0.25: come la prima striscia, ma bianca.
Formula con strisce orizzontali
chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25

Torna all'inizio