1

Raphael.js、canvg、jqueryを使用してsvgを画像に変換しました。

ただし、画像をsvgおよびpngの長方形のビューポートの中央に作成する必要があり ます。クロムを使用して800*600などの特定のサイズにサイズ変更します。

小さく、長方形の中心にない結果画像を取得しています。どうすればこれを達成できますか。jsfiddleを設定しています。ここで私が編集したフィドル。また、先頭にスペースがありません（またはわかりません）が、フィドルエラーで「エラー：要素'html'はまだ実装されていません。」と表示されます。

「エラー：要素'html'はまだ実装されていません」がありません。ローカルPCのエラー。

ご助力ありがとうございます。

4

1 に答える 1

4

次の2つの要素を含むHTML文字列からキャンバスを作成しようとしました。

  • 変換したいSVG要素
  • SVGをPNGに変換するために使用したいCanvas要素。

Canvgは、解析する要素が複数あることを好まないため、「HTML」について不満を漏らしました。

あなたからフォークされたこのフィドルを見てください：http：//jsfiddle.net/LVZEX/2/

マップdivから抽出されたHTML文字列の末尾からcanvasタグを削除する置換を追加するだけです。

      var svg = $('#map').html().replace(/>\s+/g, ">").replace(/\s+</g, "<").replace(/<canvas.+/g,"");
于 2012-10-11T15:27:03.837 に答える