数学公式

您可以使用 TeX 语言生成显示数学公式的图片。

概览

您可以使用 TeX 语言(发音为“tek”或“tech”)生成数学公式的图片。这对于在网页上显示复杂公式非常有用。以下是一些即时呈现的公式示例:

二次方程式

将图片网址复制并粘贴到浏览器中,以查看生成每张图片的网址。

在 src 属性中使用 TeX 语言指定 <img> 标记,该公式就会以 PNG 文件形式返回。或者,如果您愿意,可以通过编程方式发送 GET 请求,以便检索公式 PNG。

语法

根网址https://chart.googleapis.com/chart?

公式图片请求支持在 ?(在根网址中):

网址参数 必填还是选填 说明
cht=tx 必需 指定此图片是公式类型的图片。
chl=<data> 必需 要以 TeX 语言呈现的公式。您必须对公式进行网址编码;详情请参阅下文。
chs=<width>x<height> 可选 图片大小,以像素为单位。如果您未指定此参数,那么系统将自动计算大小。如果您指定单个值,该值表示高度,系统将为您计算宽度。
chf 可选 支持所有背景填充类型。请参阅背景填充
chco 可选 指定文本颜色。默认为黑色。

对 chl 数据进行网址编码

请注意,您必须对公式中使用的所有非网址安全字符进行网址编码。您可以在此处找到网址编码器。

最常见的错误是在公式中使用 + 而不是 %2B,如下所示:

未经网址编码 经过网址编码
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

背景填充 (chf)

您可以为图片指定纯色、渐变色或条纹填充。所有填充均使用 chf 参数指定,您可以在同一张图片中混合使用不同的填充类型(纯色、条纹、渐变),只需使用竖线字符 ( | ) 分隔各个值即可。

固体填充

您可以指定纯色填充(有无透明度),也可以将整张图片设为透明。

语法

chf=<fill_type>,s,<color>|...
<fill_type>fill_type
指定以下某个值:
  • bg - 背景填充。如果您在 <color> 参数中指定了 Alpha 值,则可将背景设置为透明。
  • a - 图片透明度。 系统会忽略 <color> 的前六位数,仅应用最后两位数(透明度值)。
指定纯色填充。
<color>
填充颜色,采用 RRGGBB[AA] 十六进制格式,其中 AA 是可选的透明度 (alpha) 值。

 

示例

说明 示例

公式为蓝色背景。

带有黑色区域填充的红色折线图表。

chf=bg,s,0000EF

同上,只不过是使用 2 个字母数字 80(相当于透明度的 50%)将背景设为了略透明。请注意,公式背景是透明的,而不是文本。

带有黑色图表区域和浅灰色背景的红色折线图表。

chf=bg,s,0000EF80

此示例对整个图像应用透明度。请注意表格单元格背景通过文本和背景显示的方式。图片使用竖线字符组合两种背景:

  • a,s,00000080 - 对整张图片应用透明度。
  • bg,s,0000EF - 应用蓝色背景。背景也会通过前一个参数设为透明。

包含蓝色散点且透明度为 50% 的散点图表。

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

返回页首

渐变填充

您可以对公式应用一种或多种渐变填充。渐变填充是从一种颜色淡出到另一种颜色。

每个渐变填充都指定一个角度,然后指定两种或更多颜色锚定到指定位置。颜色会随着从一个锚点移动到另一个锚点而变化。您必须至少具有两种具有不同 <color_centerpoint> 值的颜色,以便一种可以淡入另一种。每个额外的渐变均由 <color>,<color_centerpoint> 对指定。

语法

chf=bg,lg,<angle>,<color_1>,<color_centerpoint_1>
    ,...,
  <color_n>,<color_centerpoint_n>
bg
背景填充。
lg
指定渐变填充。
<angle>
一个数字,用于指定从 0(横向)到 90(纵向)的渐变角度。
<color>
填充的颜色,采用 RRGGBB 十六进制格式。
<color_centerpoint>
指定颜色的定位点。当该锚点接近另一个锚点时,颜色将从该点开始淡出。值范围是从 0.0(底部或左侧边缘)到 1.0(顶部或右侧边缘),按 <angle> 指定的角度倾斜。

 

示例

说明 示例

公式具有水平线性渐变,指定角度为零度 (0)。

  • chf=bg,lg - 定义渐变填充
  • 0 - 零度倾斜
  • FFE7C6,0 - 左侧居中的桃红色渐变(位置 0
  • 76A4FB,1 - 右侧居中(位置 1.0)的蓝色渐变。

粉红色/蓝色渐变,值为 0 度

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

同上,但使用 45 度渐变。

45 度的桃红色/蓝色渐变

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

返回页首

条纹填充

您可以为公式指定条纹背景填充。

语法

chf=
  bg,ls,<angle>,<color_1>,<width_1>
    ,...,
  <color_n>,<width_n>
bg
背景填充
ls
指定线性条纹填充。
<angle>
所有条纹相对于 y 轴的角度。对竖条纹使用 0,或针对横向条纹使用 90
<color>
此条纹的颜色,采用 RRGGBB 十六进制格式。再为每一个其他条纹重复 <color> 和 <width>。您必须至少有两种条纹。条纹会交替显示,直到图片填满。
<width>
条带的宽度,介于 01 之间,其中 1 为图片的全宽。系统会反复使用条纹,直到填满图片。 再为每一个其他条纹重复 <color> 和 <width>。您必须至少有两种条纹。条纹会交替显示,直到图片填满。

 

示例

说明 示例
  • bg,ls,0 - 背景条纹与 y 轴(平行于 y 轴)的角度为零度。
  • CCCCCC,0.15 - 第一种条纹为深灰色,宽度为图片的 15%。
  • FFFFFF,0.1 - 第二条条纹是白色的,宽度为图片的 10%。
带竖条纹的公式
chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1
  • c,ls,90 - 背景条纹与 y 轴成九十度角。
  • 999999,0.25 - 第一种条纹为深灰色,宽度为图片的 25%。
  • CCCCCC,0.25 - 与第一种条纹相同,但为浅灰色。
  • FFFFFF,0.25 - 与第一种条纹相同,但为白色。
带横条纹的公式
chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25

返回页首