web-dev-qa-db-ja.com

WebページのスクリーンショットをSVG画像として取得することはできますか?

完全にベクターベースのWebページがあります(テキスト、アイコンフォント、SVG、PNG、JPEG、GIFは除く)。

そのWebページのベクタースクリーンショットを取得して、完全にスケーラブルなSVGファイルとして保存する方法はありますか?
(通常のPCでスクリーンショットを撮って網膜で見栄えをよくするため)

これは可能であるべきですが、それを実行するものは何も見つかりません。

追加クレジット:ビットマップ画像がいくつかある場合は、ビットマップが埋め込まれたSVGが必要です。

33
SLaks

スクリーンショットではありませんが、ページがうまく印刷されれば、PDFとして印刷できます。 InkscapeとIllustratorの両方がPDFをロードします(必要に応じてSVGとして保存します)。

11
Dan

CSSBox WebVector HTMLページをSVGに変換します。これはJavaコマンドラインアプリケーションであり、出力のサンプル here を見ることができます。

9
Andrew

これはすでに で回答されていますChromeで大きなウェブページのスクリーンショットをキャプチャしてください

私は CutyCapt を使用し、Webkitのレンダリングを画像にキャプチャします。

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

2
chx

1つのアプローチ:ラスタースクリーンショット(PNG、JPGなど)を取得する場合、Inkscapeの「トレースビットマップ」を使用して、スクリーンショット内の特定の関連色のフィールドをベクターオブジェクトに「変換」できます。 Adobe Illustratorにも同等のツ​​ールがあると思います。トレースする色をいくつ指定するかに注意してください。結果のベクターファイルは、急速に複雑になる可能性があります。各色は、元のラスターイメージを表すために他の色オブジェクトと重複する個別のベクターオブジェクトであるため、おそらくいくつかのクリーンアップを行う必要があります。

0
Adam Keck