数学公式

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

概览

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

二次方程式

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

使用 TeX 语言在 src 属性和 <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_typefill_type>
指定以下值之一：
  • bg - 背景填充。如果您在 <color> 参数中指定 Alpha 值，就可以将背景设为透明。
  • a - 图片透明度。 系统会忽略 <color> 的前六位数，仅应用最后两位数（透明度值）。
秒
指定实心填充。
<color>
填充颜色，采用 RRGGBB[AA] 十六进制格式，其中 AA 是可选的透明度 (alpha) 值。

 

示例

说明 示例

一个公式，背景为蓝色。

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

chf=bg,s,0000EF

同上，但通过使用两个 Alpha 数字 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）为中心的蓝色渐变。

零度时的桃色/蓝色渐变

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>
此条带的宽度，从 0 到 1，其中 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

返回页首