如何在 MathJax 中将箭头置于等式上方？

Question

我正在尝试使用 MathJax 渲染在 TeX 中写入以下图像：

所以我有以下等式：

\[
\frac{36}{60} = \frac{18}{30} = \frac{9}{15} = \frac{3}{5}
\]

我想在分子上方和分母上方显示箭头。并且我需要在这个箭头上方显示一些文本（详情见图片）。

我觉得对于 MathJax 支持的乳胶来说这是不可能的，所以我现在正在考虑使用 svg，但也许我忽略了一些东西。

Answer 1

这是我的解决方案，虽然不太接近但确实有效 ^^

\documentclass[varwidth,border=7pt]{standalone}
\usepackage{tikz}
\usetikzlibrary{calc, bending}
\usepackage{amsmath}

\def\da#1{\tikz[baseline=(A.base)]
  \draw[red, -stealth, line width=.035em]
    (0,0) node[circle, inner sep=0cm](A){$#1$}
    let \p1=(A.north east),\p2=(A.south west), \n1={\x1-\x2} in
      (180:\n1) arc(180:0:\n1);}

\def\ua#1{\tikz[baseline=(A.base)]
  \draw[red, -stealth, line width=.035em]
    (0,0) node[circle, inner sep=0cm](A){$#1$}
    let \p1=(A.north east),\p2=(A.south west), \n1={\x1-\x2} in
      (-180:\n1) arc(-180:0:\n1);}

\newcommand{\red}[1]{\color{red}{#1}}
\newcommand{\du}[2]{\underset{\underset{\red{:#1}}{\ua{\phantom{+}}}}{\overset{\overset{\red{:#2}}{\da{\phantom{+}}}}{=}}}


\begin{document}

\[
\frac{36}{60} \du{2}{2} \frac{18}{30} \du{2}{2} \frac{9}{15} \du{2}{3} \frac{3}{5}
\]  

\end{document}