欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  资讯频道

MathJax,使用 LaTeX 和 MathML 实现 Rich Math display

程序员文章站 2022-03-08 15:37:29
...

MathJax 是一个开源的基于 Ajax 的数学公式显示的解决方案,结合多种先进的Web技术,支持几乎所有的主流浏览器。


MathJax,使用 LaTeX 和 MathML 实现 Rich Math display

MathJax 可以在HTML页面中,为LaTex数据和MathML数学公式提供了一个切实可行的的解决方案。根据页面中定义的 LaTex 数据,便可生成对应的数学公式。

你可以在页面中嵌入LaTeX :

<p>The Lorenz Equations</p>
\[\begin{matrix}
\dot{x} &#038; = &#038; \sigma(y-x) \\
\dot{y} &#038; = &#038; \rho x - y - xz \\
\dot{z} &#038; = &#038; -\beta z + xy
\end{matrix} \]
 
<p>The Cauchy-Schwarz Inequality</p>
 
\[ \left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right) \]
 
<p>A Cross Product Formula</p>
 
\[\mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix}
\mathbf{i} &#038; \mathbf{j} &#038; \mathbf{k} \\
\frac{\partial X}{\partial u} &#038;  \frac{\partial Y}{\partial u} &#038; 0 \\               \frac{\partial X}{\partial v} &#038;  \frac{\partial Y}{\partial v} &#038; 0
\end{vmatrix}  \]
 
<p>The probability of getting \(k\) heads when flipping \(n\) coins is: </p>
 
\[P(E)   = {n \choose k} p^k (1-p)^{ n-k} \]
 
<p>An Identity of Ramanujan</p>
\[ \frac{1}{(\sqrt{\phi \sqrt{5}}-\phi) e^{\frac25 \pi}} =
1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}}
{1+\frac{e^{-8\pi}} {1+\ldots} } } } \]

 

输出结果:
MathJax,使用 LaTeX 和 MathML 实现 Rich Math display


是不是觉得很酷,你可以查看mathJax的源代码:http://www.mathjax.org/MathJax/MathJax.js