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

Question

我正在尝试将MathJax集成到我的Web应用程序中。我想用MathJax到 渲染方程到<画布>

我已经能够哄MathJax到添加< SVG>元素添加到DOM。但我不知道 如何从< svg>到canvas.ctx.drawImage（）

我读了一些关于XMLSerializing < svg>的文章。但是，当我做以下（本地）

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

我从Firefox得到一个“安全错误”。

的< SVG的初始部分> MathJax插入粘贴下面

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

所以我想知道如果你能帮助我理解是否

1. 的< SVG>元素看起来不错，还是有什么让XMLSerialization变得不可行？
2. 我要如何才能到达ctx.drawImage（）从上面的

开始感谢 阿比纳夫

Answer 1

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

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

所以你不通过一些jQuery的东西。