我花了几天时间尝试以下操作,但都没有成功。我想在SVG文件中呈现Mathjax公式。使用来自https://groups.google.com/forum/#!topic/mathjax-users/_UMt3C7TIpQ/discussion示例中的foreignObject,将其包含在svg元素内的html文件中没有问题,但我无法使其在SVG文件中运行。
我正在尝试的代码如下:-
任何帮助都将不胜感激。我怀疑问题出在声明body元素的那一行上。
我正在尝试的代码如下:-
<svg width="1960" height="1080" xmlns="http://www.w3.org/2000/svg">
<script type="text/javascript" src="MathJax-master/MathJax.js?config=TeX-AMS_HTML-SVG"></script>
<g>
<title>Layer 1</title>
<text xml:space="preserve" text-anchor="middle" font-family="serif" font-size="50" id="svg_1" y="223" x="636" stroke-opacity="0.8" stroke-width="0" stroke="#007FFF" fill="#000000">Hello World</text>
<foreignObject x="100" y="100" width="100" height="100">
<body xmlns="http://www.w3.org/2000/svg">
<div>
\(\displaystyle{x+1\over y-1}\)
</div>
</body>
</foreignObject>
</g>
</svg>
任何帮助都将不胜感激。我怀疑问题出在声明body元素的那一行上。