css - 平滑地显示 MathJax 方程，并且仅在完全呈现后显示

Question

我在我的网站上使用 MathJax 方程，并想找出一种配置 MathJax 的方法，使方程最初根本不出现(当网站仍在加载时)并且只平滑淡入一次它们已完全呈现？

这可能吗？我应该如何尝试实现它？

我已经尝试过

EqnChunk: 100,
EqnChunkFactor: 1,
EqnChunkDelay: 10,

但我没有看到太大的影响。在最终渲染之前仍然存在“初步渲染”(我相信 MathJax 正在计算周围字形的高度和宽度)。

非常感谢任何想法。

Answer 1

您可能看到的是在生成最终输出之前的输入阶段创建的“快速预览”。您可以使用

<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  "fast-preview": {disabled: true},
  tex2jax: {preview: "none"}
});
</script>

(假设您使用的是 TeX 输入。如果您使用的是 MathML 或 AsciiMath，则需要将 tex2jax 更改为 mml2jax 或 asciimath2jax.)