canvas - をレンダリングする方法

Question

MathJax を Web アプリケーションに統合しようとしています。そして、MathJax を使用して数式を < canvas > にレンダリングしたいと思います。

MathJax を誘導して < svg > 要素を DOM に追加することができました。しかし、 < svg > から canvas.ctx.drawImage() に移動する方法がわかりません

< svg > の XMLSerializing に関するいくつかの投稿を読みました。しかし、次のことを（ローカルで）行うと

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

それで、あなたが私が理解するのを手伝ってくれるかどうか疑問に思っています

ありがとうアビナフ

score 1 · Accepted Answer

XMLSerializer に jQuery オブジェクトを指定することはできません。私はあなたが欲しいと思います

asStr = new XMLSerializer().serializeToString(svg[0]) ;

したがって、jQuery のものを渡していません。

canvas - をレンダリングする方法 inserted by MathJax onto a