2011-08-02 11 views
2

私は、ユーザーがいくつかのユーザーインターフェイスコンポーネントのセットからユーザーインターフェイス(別のWebページなど)を組み立てることができるWebアプリケーションを持っています。ユーザーが作成したイメージスナップショットを作成するオプションを提供したいと思います。このようにして、ブラウザの表示可能領域の領域をJS(たとえばjQueryを使用)を使用してプログラムで選択し、この領域からビットマップを作成したいと考えています。Javascriptで画面の領域から画像を作成するにはどうすればよいですか?

ありがとうございました!

+0

もう1つ[回答した投稿](http://stackoverflow.com/questions/4852082/how-to-take-スナップショット印刷画面のクライアント画面とイメージ内のイメージとしての保存)が役立つかもしれません。 (クライアント/サーバー側境界の間にいるので、クライアントの場所を保存し、処理のためにサーバーに送信する必要があります)セキュリティ上の目的でクライアントから何かを取得することはできません。 )。 –

+1

まっすぐなJSでは可能ではないと思います。これまでに非常によく似た質問が出てきました:http://stackoverflow.com/questions/60455/take-a-screenshot-of-a-webpage-with-javascript – Griffin

答えて

0

wkhtmltopdfが動作すると、ベータ版のように見える「イメージ」があります。しかし、これは他の方法と同様に、達成するためにはjavascript以上のものが必要です。

1

ストレートJavaScriptを..しかし、あなたはあなたの全体的な「セットアップ」を言及していないので、それは確実に知ることは難しいです。あなたが描写していることの側面を実行するツール..

PhantomJS - JavaScript APIを備えたヘッドレスWebKit。 DOM処理、CSSセレクタ、JSON、Canvas、SVGのネイティブサポート

Zombie.js - Webベースのアプリケーション、サイトスクレイピング、ページキャプチャ、SVGレンダラ、PDFコンバータなどをテストするための、「Insanely fast」、Node.jsを使用したヘッドレスフルスタックテストZombie.jsは、シミュレートされた環境でクライアント側のJavaScriptコードをテストするための軽量フレームワークです。ブラウザは必要ありません。

webkit2png - ウェブページのpngスクリーンショットを作成するコマンドラインツールです。

0

WebTOPDF firefox拡張子を使用し、サーバーの処理なし。 これは現在、画面上に表示されていないページ全体のスクリーンショット(スクロール)を受け取ります

関連する問題