您可以使用 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,如下所示:
未经网址编码 | 经过网址编码 |
---|---|
cht=tx&chl=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) 值。
示例
说明 | 示例 |
---|---|
一个公式,背景为蓝色。 |
|
同上,但通过使用两个 Alpha 数字 80(相当于 50% 左右的透明度)将背景设为略微透明。请注意,公式背景是透明的,但文本不是透明的。 |
|
此示例将透明度应用于整张图片。请注意表格单元格背景通过文本和背景的显示效果。此图片使用竖线字符组合了两种背景:
|
|
渐变填充
您可以向公式应用一种或多种渐变填充。渐变填充是指从一种颜色淡化为另一种颜色。
每个渐变填充都会指定一个角度,以及锚定到指定位置的两种或更多颜色。颜色会随着锚点从一个锚点移动到另一个锚点而发生变化。您必须至少有两种颜色,它们的 <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> 指定的角度倾斜。
示例
说明 | 示例 |
---|---|
公式有一个角度为零 (
|
|
同上,但使用 45 度渐变。 |
|
条纹填充
您可以为公式指定条纹背景填充。
语法
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>。你必须至少有两条条纹。条纹会交替出现,直到图片填满。
示例
说明 | 示例 |
---|---|
|
chf=bg,ls,0,CCCCCC,0.15,FFFFFF,0.1 |
|
chf=bg,ls,90,999999,0.25,CCCCCC,0.25,FFFFFF,0.25 |