由于负边距,Mathml方程重叠

时间:2017-10-05 13:31:19

标签: javascript html svg mathjax mathml

我正在使用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>
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </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>
               &deg;
              </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>
               &deg;
              </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 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              </mtext>
             </mtd>
             <mtd>
              <mi mathvariant="normal">
               Δ
              </mi>
              <msubsup>
               <mrow>
                <mi>
                 H
                </mi>
               </mrow>
               <mrow>
                <mtext>
                 rxn
                </mtext>
               </mrow>
               <mrow>
                <mo>
                 &deg;
                </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>
               &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              </mtext>
             </mtd>
            </mtr>
           </mtable>
          </mrow>
          <mrow>
           <mo>
            &macr;
           </mo>
          </mrow>
         </mover>
        </mtd>
       </mtr>
      </mtable>
     </mrow>
    </math></div>
    </body>
    </html>

即使我在浏览器上查看它,方程式也是重叠的。 Mathjax生成的内容有负余量,这可能是造成这种情况的原因。 我该如何解决这个问题。 感谢

0 个答案:

没有答案