2012-04-30 9 views
2

私はフライヤーをカスタマイズして印刷するために、犬の歩行者用のウェブベースのフライヤーデザイナーを作成しています。それは非常に基本的で、jQueryを使用して、DIVの内容/テキストをフライヤーで必要なものに変更します。HTML/CSSのチラシを画像としてエクスポートするか、pdfを印刷する

私の問題は、チラシを印刷させる方法です。理想的には、A4ページあたり2枚または4枚のチラシを選択したいと考えています。または、プリンタに送るpdfまたはイメージとしてエクスポートする。私はhtml/cssをPDFや画像としてエクスポートしてみましたが、状況に合ったものは見つけられないようです。

何か助けていただければ幸いです。

PDFの\イメージのおかげ

+2

私は質問する必要があります:ブラウザの組み込みの印刷ダイアログで何が問題になっていますか? PDFからPDFへの印刷はしばしば簡単です。カスタムの印刷専用スタイルシートは、ほとんどの書式設定の問題を解決します。ボタンを使用してJavaScriptの 'print()'コマンドを起動すると、計算が難しく、すべて完了します。 – Blazemonger

答えて

3

のWebkit HTMLが正確に何をしたい行う必要があります。ここに

http://code.google.com/p/wkhtmltopdf/

+0

ありがとう、私はそれを見て、それはアプリケーションのようですか?私はWebベースのものが必要です。ユーザーはWebサイトでのエクスポートをクリックして、image/pdfをダウンロードまたは印刷できます。これがwkhtmltopdfでできたらうまくいかない? – user1365875

+0

PHPはサーバー上でアプリケーションを呼び出して、その出力をクライアントに送信できます。 – Petah

0

ただ、より多くのオプションについては、もありますphantomJS、Webkitレンダリングエンジンも使用しています。 QtPDFはそれが舞台裏

http://phantomjs.org/

を使用したPDFエンジンですこれは、あなたがのオフコマンドラインスクリプトを実行することができ、サーバーを前提としています。 Iveは最近これをプロジェクトで使用しましたが、HTML-> PNGを変換するのに効果的です。個人的にPDF機能を広範にテストしたことはありません。

2

私はメインのスタイルシートでprintメディアタイプ使用することをお勧めします:それ自身のスタイルシートに印刷スタイルを分離し、

@media print 
{ 
    /* style sheet for print goes here */ 
} 

または:

<link href="foo.css" media="print" rel="stylesheet" type="text/css" /> 

これは、カスタムスタイルを定義することを可能にすることブラウザの[印刷]ダイアログ([ファイル] - [印刷])を使用すると表示されます。こうすることで、エンドユーザーは、過去の経験から、対象となるサードパーティのライブラリに頼ることなく、プリンタ、PDF(またはMicrosoft XPS Document Writer)、または印刷したいものを印刷することができます。 CSSスタイルを変換する際の不具合と不正確さ。

関連する問題