クライアントサイド(React)で日本語PDFを出力する。
前書き Reactの案件の中で日本語のPDFを出力する必要があり、 そのためにクライアントサイド(React側)のみで日本語PDFを出力する方法をまとめたので記事にしました。 前準備 今回は、pdfmakeというクライアントサイドでPDFを出力するJavaScriptライブラリを利用します。 npmパッケージでも存在するのでコマンドでインストールできるのですが 日本語フォントを利用するため、Githubからjsファイルを落とします。 bpampuch/pdfmake 上記のリポジトリから以下のファイルを落とします。 - pdfmake.min.js - vfs_fonts.js 日本語PDF出力の準備 pdfmakeは、そのまま利用すると日本語フォントが利用できません。 そのため、独自に日本語のフォントを利用できるようにする必要があります。 ダウンロードしてきた、vfs_fonts.jsに
SetFont：TCPDFマニュアル（勝手訳）
テキストを出力する際のフォントを指定する。 TCPDFで配布される標準フォントか、もしくはAddFont()で追加したユーザーフォントを指定する。 フォントサイズのみを変更する場合には、SetFontSize()を使用する。 1ページ目を作成する前にこのメソッドを使ってフォントを設定できる。 標準フォント・ファイルは以下の場所に配置する事。 カレント・ディレクトリ PHPの環境設定php.iniのinclude_pathで定義しているいずれかのディレクトリ K_PATH_FONTS定数で定義しているディレクトリ publicメソッド、Version 1.0～ 書式 SetFont( $family, $style, $size, $fontfile ) 戻り値 （な）し 要素（パラメータ） AddFont()で追加したフォント名もしくは以下の標準フォント times (Times-Roma
TCPDFでいつの間にか日本語のフォント・サブセットが使えるようになってた！！ – 大阪のシステム開発・WEBシステム開発会社技術担当スタッフの覚書き、子だぬきの技術習得ノート
いつもお世話になってるTCPDFですが VER 5.2.000よりフォント・サブセットを使用できるのは知っていたのですが 日本語で使用するとCPUとメモリを使いすぎて使い物になりませんでした・・・ 今までどおりフォントの全て埋め込みで対応していたのですがやはり3MBオーバーは重いなーと思っていました。（バックアップ用に生成したPDFとか置くのはとても無理でした） 以前案件で軽いPDFを出す必要がありだめもとで新しいTCPDF（6系）を使ってみたところ・・・ 使えるようになってました！！（数100kbとかで出力できたりします。） これでお客さんに重いって言われなくなります！ 以下サンプルと注意事項です。 require_once('tcpdf_include.php'); require_once('lang/jpn.php'); $pdf = new TCPDF('L', 'mm', 'A
PHPでPDFを作成する時はwkhtmltopdf + snappyで戦え - Qiita
！！最新情報は以下の記事を参照して下さい！！ PHPでPDFを作成するときはphpwkhtmltopdfで戦え [2016年度版] HTMLをPDFに変換するアプローチのつらみ ・インラインのCSSしか受け付けない ・そもそもCSS2.0系のプロパティしか受け付けない ・セレクタで要素が絞り込めない mPDF、主に君のことだ。 wkhtmltopdfとsnappyで幸せになろう http://wkhtmltopdf.org/ Webkit html to pdf の略。 名前からも分かるようにHTMLをWebkitで解釈してPDFに変換するGoogle謹製のツールです。 もちろん、HTML5 も CSS3.0 も難なく解釈します。 最高感ある。 knplabs/knp-snappy https://packagist.org/packages/knplabs/knp-snappy wkht
HTMLをPDFに上手いこと変換してくれるwkhtmltopdfを日本語で使う | Basicinc Enjoy Hacking!
結論：サーバサイドでHTMLをPDFに変換したい。wkhtmltopdfを使おう。 サーバサイドでのHTMLからPDFへの変換。今どき流行らない気もしたんだけど、業務上どうしても必要だったので調べてみた。サーバサイドでPHPを使ってHTMLを出力していたので、そのままPHPからPDFを生成するライブラリを調べていたんだけど、どうもレイアウトが弱い…。 PHPからPDFを出力するライブラリ FPDF mPDF TCPDF そもそも、PHPを通す選択肢が悪手な感じ。ひと通り試したけど、微妙なレイアウトずれや、変換パフォーマンスが悪い。 その他に… Docverter Flying Saucer Sphinx 他になんかあるかなーと思って調べてたら、ここらへんが。けっこう良さそう。特にDocverter（内部的にはFlyingSaucerを使ってる）とかは対応フォーマットもかなりあって、良い感じ
PHPライブラリmPDFで複数ページのPDFを作成する方法！ - プログラミングで飯を食え。腕をあげたきゃ備忘録！
サクウェブＴＶはコチラ↓↓↓ mPDFで複数ページを作成するには、 強制的にページを追加する $mpdf->AddPage(); をページを進めたい場所で実行します。 ちなみに$mpdfはmPDFのインスタンスです。 つまり、 $mpdf->WriteHTML("<p>ああああああああ</p>"); $mpdf->AddPage(); $mpdf->WriteHTML("<p>おおおおおおおお</p>"); $mpdf->Output(); とやれば「ああああああああ」とだけ表示されているページ１枚と 「おおおおおおおお」とだけ表示されているページ１枚、 合計２ページが作成できるというわけです。
PHPからHTML形式の記述でPDFファイルを作るmpdfの使い方と日本語フォントの指定方法 | ゆーそうとITブログ〜WordPress・Xserver・アイキャッチ画像作成ツール〜(旧:ゆうそうとITブログ)
mpdfというライブラリを使うと、プログラム言語PHPを使ってHTML形式でPDFファイルを作成することができます。実際に仕事でも使っているのですが、特定の日本語の場合、文字がおかしくなる現象がありました。 そこで今回は簡単なコードでmpdfを使ったPDFの作り方と日本語フォントの指定方法について書きます。割と簡単ですので初心者の方も試してみてください。 こんなサンプルプログラムを作ってみます 今回はサンプルとして申込書をPDFとして出力できるようにしてみます。 ・申込用紙はExcelで作って保存（moushikomi.pdf） ・申込用紙にプログラムによって、内容（氏名、住所など）を上書きする というような仕様です。プログラムはPDFファイルを下敷きとして読み込んで、氏名や住所などの内容をプログラムで出力するというものです。 Excelは こんな感じに作って、通常保存したほかに、名前を付
塗つぶし処理で使う色を設定する - TCPDFの部屋
version：VER1.3 以降 書式:void SetFillColor([int $col1 = 0] , [int $col2 = -1] , [int $col3 = -1] , [int $col4 = -1]) 戻り値：なし 引数： $col1 モノクロの場合グレー濃度、RGBの場合赤、CMYKの場合シアン、それぞれ0～255 $col2 RGBの場合緑、CMYKの場合マゼンタ、それぞれ0～255 $col3 RGBの場合青、CMYKの場合イエロー、それぞれ0～255 $col4 CMYKの場合ブラック、0～255 塗つぶし処理で使う背景色を設定します。 1ページ目を作成する前に設定できます。以降ページが変わってもこの値が引き継がれます。
Image：TCPDFマニュアル（勝手訳）
画像を出力する。 出力サイズは、以下のいずれかの形式で指定することができる。 幅と高さを明示的に指定する。 幅か高さのいずれか一方を指定する、もう一方は同じ比率になるよう自動的に計算される。 サイズを指定しないと、72dpiで出力される。 サポートフォーマットは、JPEGとPNG画像のほかに、GD（GD、GD2、GD2PART）が有効であれば、GIF、JPEG、PNG、BMP、XBM、XPMを利用できる。 フォーマットは指定するか、そうでなければファイル名から推察されます。 イメージをリンクにすることも出来ます。 同じ画像を何度使用しても埋め込まれるのは1度だけです。 publicメソッド、TCPDF Version VER1.1～ 書式 Image( $file, $x, $y, $w, $h, $type, $link, $align, $resize, $dpi, $palign,
SetLineStyle：TCPDFマニュアル（勝手訳）
線のスタイルを設定する。 publicメソッド、Version 2.1.000～ 書式 SetLineStyle( $style ) 戻り値 （なし） パラメータ 線スタイル、以下のアイテムをキーとする連想配列 width (float): 線の幅 cap (string): 線の末端部のスタイル、(butt, round, squareのいずれか). join (string): 線の結合部のスタイル、(miter, round, bevelのいずれか)。 dash (mixed): 破線パターン on-offの組み合わせ。 例えば、'2'とすると長さ2のonに長さ2のoffを繰り返す。 また、'2,1'とすると長さ2のonの後に長さ1のoffを繰り返す。 phase (integer): 破線パターンの開始位置のシフトする長さ. color (array): 前景色、array(GRE
線の太さの設定(SetLineWidth) - グラフィックス - FPDFを使ったPDF作成
直線や長方形において線の太さを設定することが可能です。使用するメソッドはCellメソッドによってセルを出力する場合に使用したものと同じです。 線の太さを設定するにはFPDFクラスで用意されているSetLineWidthメソッドを使います。 SetLineWidth(float width) 線の幅を定義します。デフォルトでは0.2 mmに設定されています。 パラメータ: width 線の幅 線の太さを設定します。デフォルトでは0.2 mmですが、設定する場合の単位はMBFPDFクラスのコンストラクタで指定した寸法の種類となります。 実際には次のように記述します。 <?php require('fpdf/mbfpdf.php'); $pdf = new MBFPDF(); $pdf->AddMBFont(GOTHIC ,'SJIS'); $pdf->AddPage(); $pdf->SetF
TCPDF で罫線を引く
罫線を引く処理をまとめておけば、それは罫線だけ印刷された印刷物の上にデータを印刷する処理をアプリ側で実装できます(AddPage の後に毎回出力)。そのためには、少なくとも四角形と直線だけ引ける必要があります。 Line メソッド 二つの座標と、罫線の属性を定義した配列で直線を引けます Line( $x1, $y1, $x2, $y2, array( "width" => 幅, "color" => array( 0, 0, 0 ) ) ); ※ array( 0, 0, 0 ) は黒 Rect メソッド 四角形(4つの直線)を作成できます。塗りつぶしもかねているので、以下の書式は塗りつぶしをしない書式です $line_style = array( "width" => 幅, "color" => array( 0, 0, 0 ) ); Rect( $x, $y, $w, $h, "D",
TCPDFのMultiCellの改行について
WEBアプリケーションからPDFで帳票を出力させようとしています。 テンプレートを読み込んで、その上に追記するため、 FPDI(ver 1.6.0) + TCPDF(ver 6.2.12)の組み合わせで出力しています。 MultiCellで長文を出力する際に、文字列が一塊として出るように自動調整され、 中途半端に改行したくてもできません。 ※２行分しか表示できる幅がないため、横幅で可能な限り表示できるようにしたい。 例：全角9文字まで出力できるセルに【 あいうえお かきくけこ さしすせそ 】を出力する際 ▼表示したい内容 あいうえお かきく けこ さしすせそ ▼実際 あいうえお かきくけこ さしすせそ ※三行目は見えない //表示処理 $target= 'あいうえお かきくけこ さしすせそ'; $cell_w = 45; $cell_h = 12; $this->Receipt->Mult
PDF.jsを設置する - Qiita
PDF.jsはJavaScriptで作られたPDFビューアです。(厳密にはPDF読み込みを行うパーサ、描画を行うレンダラ、画面UIのビューアがセットになっているもので、ライセンスはApache License 2.0です) Mozilla Foundationが開発していてFirefoxのPDFビューアとして採用されているため品質が高い JavaScriptでPDFを読み込んでCanvasで描画しているためiPhoneやAndroidなどスマートフォンでも表示できる ビューアがHTMLファイルのため<iframe>でPDFを埋め込み表示できる のような特長があり、PDFを直接表示できない環境での代替として使用することがよくあります。 この文書では、PDF.jsの基本的な設置方法を説明します。 1. 配布サイトからファイルをダウンロードする まず https://mozilla.github
PDF.js で遊んでみた (ページの描画，テキスト・注釈の表示など) - きちぽよ〜
修士論文の予備審査が終わって一段落した seikichi です．卒業できるといいなぁ……． PDF.js は HTML5 とJavaScript を利用してPDFを描画するライブラリです． PDF.js を利用するとWebブラウザ上でPDFファイルを描画することができます． つい最近，このライブラリを利用して遊んでみた ので，そのときに得た知識とかを適当に書いてみます． このエントリでは主に以下の内容について解説します． PDF.js の取得，ビルド ページの描画 テキストを選択可能な形式で描画 注釈 (リンク等) を取り扱う PDF.js の各種オプション 動作環境 PDF.js は Canvas や TypedArray など割とモダン(?)な技術を利用しています． 利用しているWebブラウザが，PDF.js の要求を満たしているかどうかは， このページ で確認できます． 正直なところ
PHP で PDF のサムネイル画像を作成する - まいける's Tech Blog
必要に迫られたので、ちょっと調べてみたところ、意外に簡単。前提として、imagick モジュールが必要となるので、このあたりを見ながらインストールを済ませておいてください。 それで、その方法ですが <?php // 読み込む PDF をフルパスで指定 $file = '/foo/bar/test.pdf'; // サムネイルを作成するページを指定 $page = 1; // 実際の指定では、1ページが0になるので、調整 $page = $page - 1; $im = new imagick($file[$page]); // PNG 形式に変換 $im->setImageFormat("png"); // 長辺が 300 ピクセルになるようにリサイズ $im->thumbnailImage(300, 300, true); // 表示 header("Content-Type: imag
Cell：TCPDFマニュアル（勝手訳）
矩形領域(セル)を出力する。 出力オプションとして、境界線・背景色・文字列を指定できる。 出力位置は、現在のカーソル位置が矩形の左上となる位置で、出力後に領域の右下にカーソルが移動する。 「自動改ページ」モードの場合は、ページ内に収まらない領域が次のページに移動する。 書式 Cell( $w, $h, $txt, $border, $ln, $align, $fill, $link, $stretch, $ignore_min_height, $calign, $valign ) 戻り値 （なし） 要素（パラメータ）
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tcpdfでpdf化したときに日本語が文字化けする | クロジカ
TCPDFで罫線の指定方法
TCPDFでCELL内に収まるようにフォントサイズを可変する方法 – 無能屋