在IE浏览器中SVG渲染不正确

Question

我正在尝试为mathml渲染SVG。  它在chrome上看起来很好，但是在IE中，svg对其标签有额外的属性如何才能避免添加这些附加属性？  请尝试在chrome和IE中将mathml下面呈现为SVG。  您可以看到生成的SVG标记的差异（在两种浏览器中附加scrrenshots）

MathML是：

<math xmlns="http://www.w3.org/1998/Math/MathML"><mrow><mn style="font-family: inherit;font-style: inherit;" ID="63201617503163">1</mn><mn style="font-family: inherit;font-style: inherit;" ID="63201617503164">2</mn><mn style="font-family: inherit;font-style: inherit;" ID="63201617503165">3</mn><mtable columnalign="right" align="baseline 2" rowspacing="0.0ex" ID="63201617503166"><mtr><mtd><mrow><mn style="font-family: inherit;font-style: inherit;" ID="63201617503167">1</mn><mn style="font-family: inherit;font-style: inherit;" ID="63201617503168">2</mn><mn style="font-family: inherit;font-style: inherit;" ID="63201617503169">3</mn></mrow></mtd></mtr><mtr><mtd><menclose notation="longdiv"><mrow><mn style="font-family: inherit;font-style: inherit;" ID="63201617503170">1</mn><mn style="font-family: inherit;font-style: inherit;" ID="63201617503171">2</mn><mn style="font-family: inherit;font-style: inherit;" ID="63201617503172">3</mn><mn style="font-family: inherit;font-style: inherit;" ID="63201617503173">4</mn><mn style="font-family: inherit;font-style: inherit;" ID="63201617503174">5</mn></mrow></menclose></mtd></mtr><mtr><mtd><munder><mrow><mn style="font-family: inher[enter image description here][2]it;font-style: inherit;" ID="63201617503175">1</mn><mn style="font-family: inherit;font-style: inherit;" ID="63201617503176">2</mn><mn style="font-family: inherit;font-style: inherit;" ID="63201617503177">3</mn></mrow><mrow><mo>_</mo></mrow></munder><mphantom><mrow><mn>45</mn></mrow></mphantom></mtd></mtr><mtr><mtd><mrow><mn style="font-family: inherit;font-style: inherit;" ID="63201617503178">1</mn><mn style="font-family: inherit;font-style: inherit;" ID="63201617503179">2</mn><mn style="font-family: inherit;font-style: inherit;" ID="63201617503180">3</mn></mrow></mtd></mtr></mtable></mrow></math>

Answer 1

请注意，这些属性也位于第一个图形中，但它们位于更右侧（请注意位于包含style="width: 10.751ex; height: 12.291ex...元素的行右侧的<svg>。）输出IE应该与所有其他浏览器完全相同（属性的模数顺序），因为SVG输出包含任何特定于浏览器的代码。

样式对于正确放置位置非常重要。如果展示位置不适合您，则页面上可能存在其他干扰的CSS。您可以尝试修改页面，以便它不会加载任何CSS并查看SVG输出是否正确。如果是，则一次添加一个CSS文件，直到找到问题为止。然后仔细查看可能有什么问题。

否则，正如彼得所建议的，提供一个现场样本供我们查看。此外，你暗示IE输出在视觉上是不正确的，但不要说以什么方式（说明属性的不同与说出屏幕上的结果或提供屏幕截图不一样） ）。