javascript - JQuery: 要素の html() (innerHTML) をキャンバスの drawSvg メソッドへのパラメーターとして使用します

Question

drawSvg() 関数を使用して、SVG をキャンバスに変換/配置しようとしています。コマンドは次のとおりctx.drawSvg(SVG_XML_OR_PATH_TO_SVG, dx, dy, dw, dh);です。これは、具体的に svg をパラメーターとして入れるとうまく機能します。たとえばctx.drawSvg('<svg><rect x="0" y="0" width="100" height="100" fill="red" /></svg>', 0 , 0 , 500, 500);、次のようにします。赤い四角形が含まれるキャンバスになりますが、これは正確です。ただし、ドキュメントから Svg タグを取得し、それをパラメーターとして使用できるようにする必要があります。これを行うためにいくつかの異なる方法を試しましたが、どれもうまくいきません。どうすればいいですか？これは、私がやろうとしていることを含む jsFiddle ページです。ありがとう！ http://jsfiddle.net/qDmhV/722/

Answer 1

.html()先頭と末尾の空白を含む要素の innerHTML を返しますdrawSvg()。

これを試してください（あなたのフィドルから）：

ctx.drawSvg($.trim($("#test2").html()), 0 , 0 , 500, 500);

$.trimその空白を削除します。