質問私はSVG要素を文字列に変換する方法を教えていただけますか?jqueryを使用しているSVGセレクタで.html()が機能しないのはなぜですか?
私はcanvgを使用して、自分のSVGをイメージに変換しています。
は、canvg()
方法はSVG STRING
コード期待している最初のキャンバスに描画されなければならない。私が試みた
function updateChartImage(){
canvg(document.getElementById('canvas'),expecting ` svg string`);
var canvas = document.getElementById("canvas") ;
var img = canvas.toDataURL("image/png");
img = img.replace('data:image/png;base64,', '');
$("#hfChartImg").val(img) ;
$('#img').attr({ src: img });
}
を
$('#container svg').html() ; // it gives me an error
//Uncaught TypeError: Cannot call method 'replace' of undefined
通知
その$('#container svg')
$('#container').html() // both works fine and
更新
私はインクルードiはcanvgに渡すことができますgetSVG()関数を(持っているhighcharts)を使用していますが、問題はそれが最新の更新プログラムを入手dosen'tあるので、私がしなければなりませんgetSVG()
機能を実行するとき、それはこのように、私は以下の取得:
を、 "canvgはSVGパーサーとレンダラです。"。 SVGを文字列またはURL参照として既に持っている場合は、その画像をキャンバスにロードし、次に説明するキャンバスメソッドを使用して画像を抽出することができます。しかし、あなたはSVGから始める必要があります。それが図書館の目的です。 –
私はhighchartsを使用していると言わなければならないと思う、私の更新を見てください –
mabyがDOM準備が整うまで待ちますか? 'document.ready()' –