如何渲染由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的東西。