特定のDIVまたは完全な(Web)ページからプログラムで(クライアントまたはサーバー側(PHP))イメージを作成する方法はありますか?私は現在無料クーポンのウェブサイトを作成しています。エンドユーザーが[印刷]ボタンをクリックすると、アプリは選択したすべてのクーポンを1つの画像(JPG、PNG)として新しいタブ/ウィンドウを開きます。またはなど)印刷の準備ができているA4形式で。各クーポンには独自のデータ(記事名、価格、説明など)があるため、設計したクーポンテンプレートを使用してプログラムで実行する必要があります。
私が使用/開発できるソリューションを提案するためだけに、コードを書くように依頼することはありません。まだ存在しない場合は、無料でアップロード/公開します:)
更新:私はPHP Gdライブラリ:)でそれを行いました。PDFの代わりに画像を使用するという考えにはまだ満足していません。各印刷結果が異なるPCで異なるクーポンサイズ(画像)になるためです。そのため、PDFの方が良い解決策かもしれません。 demo.svikuponi.ba で表示/テストできます-いくつかのクーポンを選択して、上の[PRINTAJ]ボタンをクリックするだけです。
Divからイメージを作成することはできませんが、Gdライブラリを使用してphpで動的イメージを作成することはできます。次のリンクが役立ちます:
誰かが html2canvas および/または jsfeedback について言及しましたか?
完全にjavascriptでページのスクリーンショットを作成し、ajax経由でサーバーに送信できます。
明らかに、CSSサポートにはいくつかの点が欠けています。
クライアント側で画像を作成するための優れた方法は次のとおりです。 http://smus.com/screen-capture-for-chrome-os
これを利用して、Webkitで適切に機能するWebアプリを作成できます(他のブラウザーの場合-JSポリフィルについて説明します)。
Phpでは、Gdライブラリにimagettftext()のような多くの画像関連関数があります。詳細については、これを確認してください http://php.net/manual/en/book.image.php Gdがない場合十分に、imagickも試すことができます
テンプレートの場合、ファイル(画像)からphpでトゥルーカラーハンドルを作成し、テキスト部分など、あらゆる種類の効果やバーコードなどを追加してみてください。
しかし、あなたの場合は、動的なPDF作成をお勧めします。これは、プレーンな画像ではなくフォーマットを使用した方がよいためです。pdflib: http://www.fpdf.org/
トークン/バウチャーの背景画像を簡単に作成し、いくつかのphp変数を使用してテキストをオーバーレイすることができます。
pHPイメージングを使用して独自のバーコードを作成することも可能だと思います。
Webページから screenshot を取得することは可能ですが、これは非常に面倒です。ページをレンダリングしてそこからスクリーンショットを取得するには、Webブラウザを起動する必要があります。
いくつかの仕様を解析し、それをいくつかの Gd またはImagick関数にフィードする方がおそらく良いでしょう。これは用途が狭いですが、管理が簡単です。