HTML 幻灯片中公式周围带有固定大小框的图形

HTML 幻灯片中公式周围带有固定大小框的图形

我正在使用 pandoc 编写 reveal.js 幻灯片,我需要在固定大小的框内包含一些涉及公式的简单图形。类似这样,或者稍微复杂一点:

\begin{split}
\framebox[8em]{$x_1$}\framebox[12em]{$x_2$}\\
\framebox[15em]{$y_1$}\framebox[5em]{$y_2$}
\end{split}

当然,我可以将它们构建为外部 PNG 文件(例如使用 LaTeXiT)以包含在我的 Markdown 代码中,但我想避免这样做,以提高清晰度和可重用性,同时也减少我需要的外部文件数量。

因此,我的第一反应是将图形写成显示方程式,希望 MathJax 能够很好地处理它。然而,遗憾的是,MathJax 不支持\framebox

我的第二个想法是使用CodeCogs 脚本动态地将 LaTeX 转换为 PNG,但它们不支持在 里面放入数学运算\framebox;事实上,只要您使用$\(…\)分隔符,就会得到“无效等式”。

第三候选,Google Chart API:支持公式中的公式,不是支持\framebox

还有其他想法吗?

这是我的一张幻灯片的屏幕截图,其中的图形以外部 PNG 格式包含在内: 幻灯片截图

相关内容