2011-08-17 17 views
5

私はGoogleとStackoverflowを精査しており、決定的な答えは出ていないようです。DIVから画像を作成する

コンテンツの特定のビットからイメージを作成したいと考えています。だから私はイメージ、テキスト、背景色などを追加したdivを持っているし、そのDIVをイメージとして保存したいと思っている。私はGDを読み、キャンバスを最初に作成したり、色で塗りつぶしたり、フォントをレンダリングするなど、個々のビットを作成する方法をお読みになりました。 簡単な方法はありませんか?それはまっすぐ進む仕事のようですが、私はそうではないことを感謝します。これを助けるあなたが推薦できる図書館はありますか?むしろ、各画像のレンダリングを経由するより、テキストの各ビットとキャンバス上の各色..

おかげ

+0

複雑なサウンド、私は助けになることがしたいです。 +1 – alt

+0

非常に複雑です。ミニチュアスクリーンスナップショット。良い質問。 +1 –

+0

Googleはこの手法を使用して、検索したテキストをインスタントプレビューで強調表示します。達成するのが非常に複雑に思えます。サンプル:[http://i52.tinypic.com/16a44ub.png] (http://i52.tinypic.com/16a44ub.png) –

答えて

3

あなたのページの外観はPHPには分かりません。

ブラウザ/ユーザーエージェントが行うことです(HTMLをレンダリングする)。

チェックアウト:Website screenshots using PHP

+0

ありがとうPeeHaa、wkhtmltopdfは現時点で最良の選択肢のように見えています。他のフィードバックがない場合はすぐにあなたの答えを受け入れるでしょう。 –

+0

私は上記のスレッドで提案されたさまざまなツールの組み合わせを試してみるつもりです。 Wkhtmltopdfが効果的に動作するようにします。それが失敗すると、imagescreengrabとGDで画像をトリミングします。それが失敗する場合は、file_get_contentsを使用して、http://wimg.ca/http://stackoverflow.com/questions/757675/website-screenshots-using-phpのようにwimg.caイメージを保存します。 ありがとうすべての提案については、それを感謝します。 –

1

divが画像ではありません。現実の世界で言えば、食料品を入れたビニール袋です。あなたが望むのは<canvas>オブジェクトで、その内容はさまざまなjavascript関数を使ってイメージとしてキャプチャできます。

+0

@ christian.thomas:しかし、「< canvas >」はHTML5のみであり、ブラウザのサポートは最小限に抑えられています。 –

+0

これは私の考えでした。このDIVに要素や画像などを追加するのは簡単だったので、私はDIVを使用しました。私はこの時点で私が家にいて乾いていると思っていました。もっと研究をすべきでした! :( –

+0

@ christian.thomas:これらの広告の構成が非常に柔軟性がなく、画像を構築するための入力用のいくつかのフォーム要素によって処理されない限り、これは古いブラウザを無視せずに新しい技術(そして通貨を獲得する?) – Marcel

1

広告をレイアップするためにオンライン画像エディタを探しているなら、svg-editが要件に合うことがあります。これは、あなたがそこに行く最善の方法です。

あまりにも多くのサービスがあり、サードパーティツールとして活用することさえ可能です。私はあなたもその複雑さを理解することができると確信しています。

関連する問題