IEブラウザでSVGレンダリングが適切でない

Question

mathmlのSVGをレンダリングしようとしています。 クロムにはうまく見えますが、IEではsvgにタグの属性が追加されています。 chromeとIEのSVGとして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

注： あなたは

のMathMLがある（両方のブラウザで添付scrrenshots）生成しまったSVGタグの違いを見ることができます最初の図形が表示されますが、右側に表示されています（<svg>要素を含む行の右側にあるstyle="width: 10.751ex; height: 12.291ex...に注意してください）。 SVG出力にはブラウザ固有のコードが含まれているため、IEの出力は他のすべてのブラウザとまったく同じ（属性のモジュロ順）にする必要があります。

スタイルは、正しい配置を得るために重要です。プレースメントが正しくない場合は、ページ上に干渉している他のCSSがある可能性があります。 CSSを読み込まないようにページを修正し、SVG出力が正しいかどうか確認してみてください。それが問題である場合は、CSSファイルを1つずつ追加してください。それから、何が間違っているのかを見てみましょう。

それ以外の場合は、Peterが示唆したように、私たちが見るためのライブサンプルを提供してください。また、IEの出力が視覚的に正しいとは言えませんが、属性が異なるということは、結果が画面上にどのように表示されているか、スクリーンショットを提供しているかなどとは異なります。