Você pode gerar uma imagem que mostre uma fórmula matemática usando a linguagem TeX.
Visão geral
É possível gerar a imagem de uma fórmula matemática usando a linguagem TeX (pronunciada, em inglês, "tek" ou "tech"). Isso é útil para exibir fórmulas complexas em sua página da Web. Confira alguns exemplos de fórmulas renderizadas rapidamente:
Copie e cole os URLs das imagens em um navegador para ver o URL que gera cada imagem.
Especifique sua fórmula usando a linguagem TeX na propriedade src e uma tag <img>
. A fórmula será retornada como um arquivo PNG. Ou, se preferir, você pode enviar uma solicitação GET de forma programática para recuperar um PNG de fórmula.
Sintaxe
URL raiz: https://chart.googleapis.com/chart?
As solicitações de imagem de fórmula são compatíveis com os seguintes parâmetros de consulta de URL após "?" no URL raiz:
Parâmetro do URL | Obrigatório ou opcional | Descrição |
---|---|---|
cht=tx |
Obrigatório | Especifica que esta é uma imagem do tipo fórmula. |
chl=<data> |
Obrigatório | A fórmula a ser renderizada, na linguagem TeX. É necessário codificar para URL a fórmula. Veja os detalhes abaixo. |
chs=<width>x<height> |
Opcional | Tamanho da imagem, em pixels. Se você não especificar isso, o tamanho será calculado automaticamente. Se você especificar um único valor, ele será a altura, e a largura será calculada para você. |
chf |
Opcional | Todos os tipos de preenchimento de plano de fundo suportados. Consulte Preenchimento do plano de fundo. |
chco |
Opcional | Especifica a cor do texto. O padrão é preto. |
Como codificar os dados chl com URL
Lembre-se de que é necessário codificar para URL todos os caracteres não seguros usados na sua fórmula. Encontre um codificador de URL aqui.
O erro mais comum é usar "+" em vez de %2B em uma fórmula, conforme mostrado aqui:
Não codificado para URL | Codificado para URL |
---|---|
cht=tx&chl=a^2+b^2=c^2 |
cht=tx&chl=a^2%2Bb^2=c^2 |
Preenchimento do plano de fundo (chf
)
Você pode especificar preenchimentos sólidos, gradientes ou listrados para a imagem. Todos os preenchimentos são especificados usando um parâmetro chf
, e é possível misturar diferentes tipos de preenchimento (sólidos, listras, gradientes) na mesma imagem, separando os valores com barra vertical ( | ).
Preenchimento sólido
Você pode especificar um preenchimento de cor sólida, com ou sem transparência, ou tornar toda a imagem transparente.
Sintaxe
chf=<fill_type>,s,<color>|...
- <fill_type>
- Especifique um dos seguintes valores:
bg
: preenchimento do plano de fundo. O plano de fundo poderá ficar transparente se você especificar um valor alfa no parâmetro <color>.a
: transparência da imagem. Os seis primeiros dígitos de<color>
são ignorados e apenas os dois últimos (o valor de transparência) são aplicados.
- s
- Especifica um preenchimento sólido.
- <color>
- A cor de preenchimento, no formato hexadecimal RRGGBB[AA], em que AA é um valor de transparência (alfa) opcional.
Exemplos
Descrição | Exemplo |
---|---|
Uma fórmula com fundo azul. |
|
Igual ao anterior, mas o plano de fundo é levemente transparente com o uso de dois dígitos alfa, 80, que correspondem a cerca de 50% de transparência. Observe como o plano de fundo da fórmula é transparente, mas o texto não. |
|
Este exemplo aplica uma transparência à imagem inteira. Observe como o plano de fundo das células da tabela aparece no texto e no plano de fundo. A imagem combina dois planos de fundo usando uma barra vertical:
|
|
Preenchimento gradiente
Você pode aplicar um ou mais preenchimentos gradientes à fórmula. O preenchimento gradiente é um esmaecimento de uma cor para outra.
Cada preenchimento de gradiente especifica um ângulo e, em seguida, duas ou mais cores ancoradas em um local especificado. A cor varia conforme se move de uma âncora para outra. Você precisa ter pelo menos duas cores com valores de <color_centerpoint> diferentes, para que uma delas possa esmaecer a outra. Cada gradiente extra é especificado por um par <color>,<color_centerpoint>.
Sintaxe
chf=bg,lg,<angle>,<color_1>,<color_centerpoint_1> ,..., <color_n>,<color_centerpoint_n>
- bg
- Preenchimento do plano de fundo
- lg
- Especifica um preenchimento gradiente.
- <angle>
- Um número que especifica o ângulo do gradiente de 0 (horizontal) a 90 (vertical).
- <color>
- A cor do preenchimento, no formato hexadecimal RRGGBB.
- <color_centerpoint>
- Especifica o ponto de fixação da cor. A cor começará a esmaecer a partir desse ponto, à medida que se aproximar de outra âncora. O intervalo de valores é de 0,0 (borda inferior ou esquerda) a 1,0 (borda superior ou direita), inclinado no ângulo especificado por <angle>.
Exemplos
Descrição | Exemplo |
---|---|
A fórmula tem um gradiente linear horizontal, especificado com um ângulo de zero graus (
|
|
Igual ao anterior, mas com um gradiente de 45 graus. |
|
Preenchimento listrado
Você pode especificar um preenchimento de plano de fundo listrado para a fórmula.
Sintaxe
chf= bg,ls,<angle>,<color_1>,<width_1> ,..., <color_n>,<width_n>
- bg
- Preenchimento do plano de fundo
- ls
- Especifica o preenchimento de listras lineares.
- <angle>
- O ângulo de todas as listras em relação ao eixo y. Use
0
para listras verticais ou90
para listras horizontais. - <color>
- A cor dessa listra, no formato hexadecimal RRGGBB. Repita <color> e <width> para cada listra adicional. Use pelo menos duas listras. As listras se alternam até que a imagem seja preenchida.
- <width>
- A largura dessa faixa, de
0
a1
, em que1
é a largura total da imagem. As listras se repetem até que a imagem seja preenchida. Repita <color> e <width> em cada listra adicional. Use pelo menos duas listras. As listras se alternam até que a imagem seja preenchida.
Exemplos
Descrição | Exemplo |
---|---|
|
chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1 |
|
chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25 |