parameters - パラメータ付きの SVG を別のファイル タイプに変換していますか?

Question

私の Web サイトには、ユーザーが選択したフォームのパラメーターを使用して生成された SVG 画像があります。

すべてうまくいきますが、次の部分を行う方法を考えるのに苦労しています.

ユーザーが終了したら、ボタンをクリックします...このボタンでSVGを別の形式(できればeps、jpeg、またはpng)に変換して、送信できるようにします。

これがどのように私に送られるかについてはオープンです...サーバー上で画像を生成し、それへのリンクか何かをメールで送信するスクリプトを書く必要があると思います...

しかし、私の質問のより重要な部分は、そもそもどのように画像を生成できるかということです? Batik と ImageMagick をざっと見ましたが、SVG でのパラメーターの使用については何も見つかりません。

ありがとう！

Answer 1

1. クライアント側の SVG を XML 文字列にシリアル化し、それを AJAX 経由でサーバーに送信できます。これは、最も単純でロスのない方法です。

   var svg = document.getElementById('my_svg');
   var str = (new XMLSerializer).serializeToString(svg);
   

2. 使用したブラウザーとバージョンおよび機能によっては、SVG をブラウザー内にレンダリングしてから<canvas>、キャンバス ピクセルを PNG データ URL に変換し、それを AJAX 経由でサーバーに送信できる場合があります。詳細については、この質問を参照してください。

   • MDNのキャンバスに DOM オブジェクトを描画するも参照してください。