64

ウィキペディアのナビボックスのベクター画像が必要です。残念ながら、Inkscape は HTML ファイルを開くことができず、Opera も Chromium もページを SVG として保存できません。グーグル、グーグル、さらにグーグルしても何も見つかりませんでした。特に、「HTML2svg」は、HTML がその中の SVG 画像と「対話」する機能を意味するようです。ページ全体またはページ上の div のいずれかで、HTML を SVG に変換する方法はありますか? スタイル付きの HTML、CSS、その他すべてが必要です。

4

8 に答える 8

47

私は同じ必要性に遭遇し、これが可能であると約束している次の無料ユーティリティを見つけました:

  1. WebVectorは、HTML から SVG または PNG へのコンバーターです。HTML ドキュメントを SVG 形式のベクター画像または PNG 形式のビットマップ画像に変換します。標準ベクター グラフィックス (SVG) ファイルは、Inkscape などのさまざまなベクター グラフィックス エディターでさらに編集できます。
    http://cssbox.sourceforge.net/webvector/

  2. CutyCaptは、WebKit による Web ページのレンダリングを SVG、PDF、PS、PNG、JPEG、TIFF、GIF、BMP などのさまざまなベクターおよびビットマップ形式にキャプチャするための小さなクロスプラットフォーム コマンドライン ユーティリティです。Internet Explorer に基づく同様のツールについては、IECapt を参照してください。
    http://cutycapt.sourceforge.net/

  3. wkhtmltopdfおよびwkhtmltoimageは、QT Webkit レンダリング エンジンを使用して HTML を PDF およびさまざまな画像形式にレンダリングするオープン ソース (LGPL) コマンド ライン ツールです。これらは完全に「ヘッドレス」で実行され、表示または表示サービスを必要としません。あなたがそのようなことに興味があるなら、Cライブラリもあります。
    http://wkhtmltopdf.org/

--

未回答の質問: rasterize.js のようなものを使用して DOM オブジェクトを にレンダリングできることは知っていますが SVG<canvas>をエクスポートできるようにこれらのライブラリはどのように構築されているのでしょうか? 具体的には、WebKit 自体を使用して、Web コンテンツと HTML スニペットの「ピクセルパーフェクト」な編集可能な SVG を出力できますか? これは図書館にとって比較的単純な作業ですか、それともかなり複雑な作業ですか?

于 2014-11-17T00:20:04.210 に答える
11

wkhtmltoimageを試すことができます HTML を SVG やさまざまな形式に変換できます

于 2013-07-28T16:46:47.557 に答える
4

xthexder のアドバイスを試してみました: ファイルへの出力。(そして、PDF を SVG に変換します。) Linux で Opera、Firefox、および Chromium を試しました。以下の概要。Opera のバグは本当に残念です。

この回答コミュニティ wiki を作成しました。他の OS への追加は大歓迎です。

オペラ 11.61 (Linux)

  • SVG(!)、PDF、PS への印刷をサポート
  • 作成者のスタイル シートを使用します ([表示] メニューから別のスタイル シートを選択するか、CSS を無効にしない限り)
  • PDFとPS出力で、ファイルに文字入れなし!これは奇妙で、バグに違いありません。
  • SVG 出力を選択すると、Opera はファイルを生成し.svgますが、PostScript コードをそのファイルに書き込みます。:-(

Firefox 11.0 (Linux)

  • PDFおよびPSへの印刷をサポート
  • 作成者のスタイル シートを無視し、白黒で印刷します
  • やや大きめサイズのDejaVu Serifフォントを使用

クロム 17 (Linux)

  • PDFへの印刷のみをサポート
  • 作成者のスタイル シートを無視し、白黒で印刷します
  • Times New Romanを使用
于 2012-08-20T09:14:29.787 に答える