您可以使用 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,如下所示:
未经网址编码 | 经过网址编码 |
---|---|
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_type>fill_type
- 指定以下某个值:
bg
- 背景填充。如果您在 <color> 参数中指定了 Alpha 值,则可将背景设置为透明。a
- 图片透明度。 系统会忽略<color>
的前六位数,仅应用最后两位数(透明度值)。
- 秒
- 指定纯色填充。
- <color>
- 填充颜色,采用 RRGGBB[AA] 十六进制格式,其中 AA 是可选的透明度 (alpha) 值。
示例
说明 | 示例 |
---|---|
公式为蓝色背景。 |
|
同上,只不过是使用 2 个字母数字 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 |