我正在使用mathjax在svg中转换mathml。 我的输入html如下。 当我通过使用mathjax进程队列将下面转换为svg时,它生成带有负边距的输出。由于mathml方程彼此重叠。
<!doctype html>
<html>
<head>
<meta charset='UTF-8'/>
<script type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
<style>
body {
font-size: 2em;
}
</style>
</head>
<body>
<div><math display="block" alttext="" data-uri="" altimg-width="460" altimg-height="90">
<mrow>
<mtable>
<mtr>
<mtd columnalign="left">
<mtable>
<mtr>
<mtd>
<mtext>
reactants
</mtext>
<mo>
→
</mo>
<mtext>
elements
</mtext>
</mtd>
<mtd columnalign="right">
<mtext>
</mtext>
<mi mathvariant="normal">
Δ
</mi>
<msub>
<mrow>
<mi>
H
</mi>
</mrow>
<mrow>
<mn>
1
</mn>
</mrow>
</msub>
<mo>
=
</mo>
<mo>
–
</mo>
<mi mathvariant="normal">
ΣΔ
</mi>
<msubsup>
<mrow>
<mi>
H
</mi>
</mrow>
<mrow>
<mtext>
f
</mtext>
</mrow>
<mrow>
<mo>
°
</mo>
</mrow>
</msubsup>
<mrow>
<mo>
(
</mo>
<mtext>
reactants
</mtext>
<mo>
)
</mo>
</mrow>
</mtd>
</mtr>
<mtr>
<mtd columnalign="left">
<mtext>
elements
</mtext>
<mo>
→
</mo>
<mtext>
products
</mtext>
</mtd>
<mtd columnalign="right">
<mi mathvariant="normal">
Δ
</mi>
<msub>
<mrow>
<mi>
H
</mi>
</mrow>
<mrow>
<mn>
2
</mn>
</mrow>
</msub>
<mo>
=
</mo>
<mo>
+
</mo>
<mi mathvariant="normal">
ΣΔ
</mi>
<msubsup>
<mrow>
<mi>
H
</mi>
</mrow>
<mrow>
<mtext>
f
</mtext>
</mrow>
<mrow>
<mo>
°
</mo>
</mrow>
</msubsup>
<mrow>
<mo>
(
</mo>
<mtext>
products
</mtext>
<mo>
)
</mo>
</mrow>
</mtd>
</mtr>
</mtable>
</mtd>
</mtr>
<mtr>
<mtd>
<mover>
<mrow>
<mtable columnalign="left">
<mtr>
<mtd columnalign="left">
<mtext>
reactants
</mtext>
<mo>
→
</mo>
<mtext>
products
</mtext>
</mtd>
<mtd>
<mi mathvariant="normal">
Δ
</mi>
<msubsup>
<mrow>
<mi>
H
</mi>
</mrow>
<mrow>
<mtext>
rxn
</mtext>
</mrow>
<mrow>
<mo>
°
</mo>
</mrow>
</msubsup>
<mo>
=
</mo>
<mi mathvariant="normal">
Δ
</mi>
<msub>
<mrow>
<mi>
H
</mi>
</mrow>
<mrow>
<mn>
1
</mn>
</mrow>
</msub>
<mo>
+
</mo>
<mi mathvariant="normal">
Δ
</mi>
<msub>
<mrow>
<mi>
H
</mi>
</mrow>
<mrow>
<mn>
2
</mn>
</mrow>
</msub>
<mtext>
</mtext>
</mtd>
</mtr>
</mtable>
</mrow>
<mrow>
<mo>
¯
</mo>
</mrow>
</mover>
</mtd>
</mtr>
</mtable>
</mrow>
</math></div>
</body>
</html>
即使我在浏览器上查看它,方程式也是重叠的。 Mathjax生成的内容有负余量,这可能是造成这种情况的原因。 我该如何解决这个问题。 感谢