如何将MathJax插入的<svg>渲染到<canvas> </canvas> </svg>

Question

我正在尝试将MathJax集成到我的网络应用程序中。我想使用MathJax 将方程式渲染到＆lt;画布＆gt;

我已经能够哄骗MathJax添加＆lt; svg＆gt;元素到DOM。但我不知道 如何从＆lt; svg＆gt; to canvas.ctx.drawImage（）

我读了一些关于XMLSerializing＆lt;的帖子。 svg＆gt;。但是当我做以下（本地）时

svg = $('svg').eq(0)
asStr = new XMLSerializer().serializeToString(svg) ;

我从Firefox获得了“安全错误”。

＆lt;的初始部分。 svg＆gt;插入的MathJax粘贴在

下面

<svg><defs id="MathJax_SVG_glyphs"><path id="MJMAIN-24" stroke-width="10" d="M162 187Q162 164 146 149T109 

所以我想知道你是否可以帮我理解是否

1. ＆lt; svg＆gt;元素看起来还不错或者是否存在使XMLSerialization不可行的内容？
2. 如何从上面的
开始到达ctx.drawImage（）

由于 阿比纳夫

Answer 1

XMLSerializer不能给出jQuery对象。我想你想要

asStr = new XMLSerializer（）。serializeToString（svg [0]）;

所以你没有传递一些jQuery的东西。