ブラウザで SVG を画像 (JPEG、PNG など) に変換します

Question

JavaScript を使用して SVG をビットマップ画像 (JPEG、PNG など) に変換したいと考えています。

Answer 1

jbeard4 ソリューションはうまく機能します。

私は Raphael SketchPad を使用して SVG を作成しています。手順 1 のファイルにリンクします。

「保存」ボタンの場合 (svg の ID は「editor」、canvas の ID は「canvas」):

リーリー

Answer 2

以下は JavaScript を介して実装されたメソッドです:

1. canvg JavaScript ライブラリを使用して、Canvas 経由で SVG 画像をレンダリングします: https://github.com/gabelerner/canvg
2. 次の手順に従って、Canvas から JPG (または PNG) としてエンコードされたデータ URI をキャプチャします。 HTML Canvas を gif/jpg/png/pdf としてキャプチャしますか?