在网页显示数学公式
使用latex语法显示数学公式
网页显示数学公式不是一个大问题,问题的关键是要易用、兼容性好。兼容性好有两个评价标准,一个是支持常见浏览器,另外一项则是支持业界文档最常用没有之一的Latex语法。
这里推荐的MathJax就算不错的选择,官网地址:https://www.mathjax.org。使用方法首先引入js库:
<script src="https://cdn.bootcdn.net/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML"></script>
随后网页就可以嵌入一个数学公式试一下:
When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are
$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
这段文字经过js实时转换后的效果是这样的:
When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
再比如:
\[ J_\alpha(x)=\sum_{m=0}^\infty \frac{(-1)^m}{m!\Gamma(m+\alpha+1)}{\left({\frac{x}{2}}\right)}^{2m+\alpha} \]
渲染结果是:
\[ J_\alpha(x)=\sum_{m=0}^\infty \frac{(-1)^m}{m!\Gamma(m+\alpha+1)}{\left({\frac{x}{2}}\right)}^{2m+\alpha} \]
公式的编辑方法是使用Latex语法,是纯文本字符串。输入完成后,如果是行中插入公式,在公式的两端使用$ 公式 $
或者\( 公式 \)
封装起来;如果是独立的公式,则使用$$ 公式 $$
或者\[ 公式 \]
把公式封装起来。然后整体填写到HTML页面中,我在这里用同样的方法插入到markdown文件中,效果也是一样的。
详细的使用方法可以参考官方文档,看英文文档如果有困难的话,这里再推荐一篇中文教程:
http://www.360doc.com/content/14/0930/23/9482_413578190.shtml