jsPDF? pdfmake? 日本語対応！JSだけでPDF作成 – Angular | | VAZ Tech Blog
フロントサイドだけで書類発行 どうも、れおぽんです。 最近よく周りから「名前が可愛いので（見た目とのギャップがあって）覚えやすい」という新手ないじりがちらほら聞こえて来ますが、 これは決して筆者自身が可愛くてつけた名前ではなく、中学の時生物の授業で習った「レオポン」という生き物が由来で周りからそう呼ばれるようになったんです！! さて、本題に入りましょう。 僕の担当する開発業務で、先日フロントサイドだけで文書の発行（印刷など）を行えるアプリケーションを制作することになりました。 @Phiとともにその技術選定、および実装に取り組んでいました。 詳細は@Phiの記事でも取り上げられておりますので、 是非まだの方はをご覧になってみてください。 jsで日本語対応のPDFを作ろうと奮闘した話 結論として、jsPDF、pdfmake、paper-cssのどれかをを使うのだが、 どれも難があって直接使うこ
mdpdf - スタイル設定が指定できるMarkdown to PDF
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました MarkdownはHTMLだけでなく、他のフォーマットに展開する際にも使える便利な記法です。よくあるのはPDFではないでしょうか。しかし殆ど装飾も行われないシンプルなPDFなので、業務や報告書で使うのはちょっと躊躇してしまいます。 そこで使ってみたいのがmdpdfです。スタイル設定などが可能なMarkdownからPDFへの変換ソフトウェアです。 mdpdfの使い方 変換例です。ヘッダーを追加しました。 2ページ目にもちゃんとヘッダーが表示されます。 こちらはスタイル設定を適用したものです。先ほどとはフォントが異なります。 別なスタイルシート。文字が大きすぎて被ってしまっていますが、修正すれば問題ないでしょう。 mdpdfではスタイル設定としてCSSが使えるのがポイントです。つまりM
Gitlab CIを使ってSphinxのドキュメントを自動でPDFにビルドする - once upon a time,
gitlab.comは自前でDocker image登録できたり、CI持っていたりと便利ですね。しかも、privateレポジトリもお金かからないという太っ腹。 技術書典2に向けたレポジトリはgitlab.comで管理しています。 今回は共著者にPython使いが多いためSphinxを使って書いているんですが、Sphinxはcommon markでも書けるのでmarkdownでも文章を書くことが出来ます。 前回の記事では、数式入りのmarkdownからPDFを生成するDocker imageを作りましたが、それを使うと簡単にGitlab-CIでPDFが生成できます。 chezou.hatenablog.com やり方は簡単、あなたのSphinxのプロジェクトに、以下のような.gitlab-ci.ymlを書くだけ。もちろん、必要に応じてpathsは変更してください。 image: chezou
pdf.jsなPDFビューアアプリをElectronで作った
タイトルどおりですが、FirefoxのPDFビューアをスタンドアローン化したようなアプリを作りました。 azu/mu-pdf-viewer: PDF viewer on electron. 特徴は次の通りです。 PDF.jsベース J, Kでスクロールなどいじっています Drag and Dropをサポートしてます Install npm でインストールするか バイナリをダウンロードして使えます(OS Xのみ) https://github.com/azu/mu-pdf-viewer/releases/latest Travis CIとかでelectronを自動ビルドするのがかなり難しくなったので、自分用にOS X版のみバイナリを作ってます。 READMEにその他の環境のバイナリの作り方を書いてあります。 Usage npmでインストールした場合はCLIから起動できます。
pdf.jsをつかってPDFの内容をcanvasにレンダリングする - みかづきブログ その3
github.com すごいライブラリですね。さすがMozilla。 つかいかた 1. ライブラリをダウンロードして解凍 https://mozilla.github.io/pdf.js/getting_started/#download からライブラリをダウンロード 2. ソースを編集 viewer.htmlにアクセスした際、デフォルトではcompressed.tracemonkey-pldi-09.pdfを開くようになっているのですが、 web/viewr.js の28行目を編集することでデフォルトで開くPDFを変更できます。 3. サーバにアップ buildフォルダもwebフォルダもまとめてアップしましょう。 4. viewer.htmlにアクセス http://kimizuka.github.io/pdfjs/web/viewer.html PDFの内容がレンダリングされています。
pdf.js-controller - PDF.jsを使ったWebスライド MOONGIFT
FirefoxではPDFビューワーをJavaScriptで実装しています。それがPDF.jsです。PDFは公開されているフォーマットではありますが、解析して表示するのはとても大変なものだと想定されます。 そんなPDF.jsを活用してスライドビューワーにするのがpdf.js-controllerです。PDFプレゼンを行うのに向いていそうです。 pdf.js-controllerの使い方 実行しているところです。ちょっと余計な文字が下に出てしまっています。 矢印キーを使ったスライド移動にも対応しています。 ツリービューのような複雑な表示にも対応しています。 PDF、さらにJavaScriptとは思えない表示ですね。 PDFはビジネスの場では数多く使われています。編集が容易ではないことがメリットですが、その結果として再利用性が悪いのが欠点でした。pdf.js-controllerを参考にすればP
JPedalを使って、PDFのサムネイルを作る | KEYPOINT – キー・ポイント株式会社 開発日誌
どもども、常角です。 4ヵ月半ぶりです。 すっかり忘れ何かと忙しく、またもやこんなに時間が空いてしまいました。 さて、今回の御題は・・・JPedalです。 JPedalってなんぞや？って思う人もいるでしょうか？ それとも、JPedalについて探してたらここに流れ着いた人もいるでしょうか？ 要は、Java用のPDFライブラリです。 詳しくは、すごい昔にマイナビニュースで紹介されているので、こっちを見てください。 このJPedal、そのすごい昔のマイナビニュースにも、「日本語への対応が弱い」と書いてあるのですが、2013年現在もそれは変わっておらず、日本語のソースがほとんどありません。 仕事で使う機会があり、その日本語ソースの少なさからえらく苦労したので、微力ながら日本語ソースを増やしてみようかなーと思った所存。 今回必要となるのは言うまでもなくJPedalのJarファイル、無償版と有償版があ
今どきのJavaのPDFライブラリ まとめ (2014年版) |
本稿は2014年版の記事です。 新しい2017年版の記事がありますのでそちらをご覧ください。 本稿では Java で PDF を作成/操作するライブラリについて調査した結果をご紹介します。 2014年06月現在、Googleで「Java PDF」などのキーワードで検索をすると古い記事ばかりがヒットするので、今どきのライブラリはどれなのかを調査しました。 まずは OSS のものを調査した後に製品プロダクトについても調査しました。 Apache PDFBox 最初に紹介するのは Apache PDFBox です。 比較的新しいライブラリで、Version 1.0.0 は2010年にリリースされ、現時点で最新の 1.8.6 は2014年06月にリリースされたばかりです。 プロジェクトが停止していないのは心強いですね。名前の通り、The Apache Software Foundation のもと
PDFを画像に変換する - 前人未踏の領域へ Androidアプリ開発編
Pdf-rendererを使用。 日本語フォントはPDFに埋め込まれていないとエラーになります。 package org.codelibs.pdf2image; import java.awt.Image; import java.awt.Rectangle; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import java.io.RandomAccessFile; import java.nio.ByteBuffer; import java.nio.channels.FileChannel; import javax.imageio.ImageIO; import com.sun.pdfview.PDFFile; import com.sun.pdfview
LnuxコマンドでPDFからJpegに変換する | Firegoby
PDFをJpegに変換するコマンドを調べていたら、xpdfまたはpoppler-utilsパッケージに含まれるpdftoppmライブラリを使用するという情報をいくつか見つけた。 PDFファイルを画像データに変換するには − ＠IT xpdf+ImageMagickでPDFから高画質なJPGを生成 – 森薫の日記 実際に、社内の環境でテストしたところ紹介されていた方法でうまくいったのだが、本番環境のCentOS5ではxpdfをいれてもpoppler-utilsをいれてもpdftoppmコマンドがインストールされなかった。 あれこれ、調べているうちに、どうやらCentOS5ではRPMパッケージのバグ？か何かの理由によりpdftoppmがインストールされないらしいということがわかった。 幸いImageMagickでも同じことができるという情報もあったので、それをつかって高解像度のJpegを出力す
詳細PDF入門 ー 実装して学ぼう！PDFファイルの構造とその書き方読み方 - プログラムモグモグ
PDFのファイル構造を理解すると、テキストエディタでも直接PDFファイルを作ることができるようになります。このエントリーではPDFファイルの基礎要素を説明し、簡単なPDFファイルを例にしてファイル構造を説明します。更に、テキストを渡すとPDFファイルを吐いてくれる簡単なプログラムや、PDFを読み込んで簡単な解析をするプログラムを書いてみます。 目次 目次 まえがき オブジェクト 間接参照 ファイル構造 Hello, world! ヘッダ トレーラ 相互参照テーブル 本体 PDFを生成するプログラム 日本語の扱い方 日本語を含むPDFを生成するプログラム グラフィックス PDFを読むプログラム あとがき まえがき 1990年代前半、アドビシステムズは、どのプラットフォームやデバイスでも文書を確実に表示・共有できることを目的としてPDFファイルフォーマットを開発しました。 PDFの表示ソフト
pdfmake - クライアント/サーバサイド両方に対応したPDFジェネレータ MOONGIFT
Webシステムを作っていて、時々PDFの帳票が必要になることがあります。サーバサイドでPDF出力するツールは幾つかありますが、それらのセットアップは面倒ですし、サーバの負荷も気になるでしょう。 そこで使ってみたいのがpdfmakeです。サーバ、クライアントサイド両方に対応したPDF作成ツールです。 pdfmakeの使い方 pdfmakeではJSONを使ってPDFの形式を定義します。 スタイル設定も可能です。 より複雑なスタイルを使った例です。 段組のサンプル。 テーブルも使えます。 リスト。ネストもできます。 より本格的な形式ですね。 画像も使えます。 pdfmakeの良いところはJavaScriptによる生成なのでサーバサイドの負荷なく、かつ編集した内容をその場で反映して生成し直すこともできるということです。さらにnodeで動かすこともできるのでクライアントサイドのコードを使ってそのまま
Beginning JavaScript 5th Edition PDF Download Free | 1118903331
The bestselling JavaScript guide, updated with current features and best practices Beginning JavaScript 5th Edition shows you how to work effectively with JavaScript frameworks, functions, and modern browsers, and teaches more effective coding practices using HTML5. This new edition has been extensively updated to reflect the way JavaScript is most commonly used today, introducing you to the lates
AndroidでPDFファイルの表示 - Qiita
PDFの表示に関してはAndroid 5.0からはAPIが追加されていますが、 ４系の端末で表示する方法を調べた時に、意外と情報が出てこなかったので残しておきます。 方法 自分が見つけた方法は以下の２つ。 JoanZapata / android-pdfview ローカルのpdfファイルを表示できるライブラリ mozilla / pdf.js Android標準のブラウザで表示できる 表示するpdfが沢山あったらpdf.js使ったほうが良さそうですが、 今回は1ファイルしか表示する必要が無かったので、android-pdfviewの方を使用しました。 android-pdfviewの使い方 gradleに記述
node.jsからPhantomJSを使ってPDFを生成する - ZeBeVogue別館
昨日はPhantomJSをインストール、コマンドラインからPDFや画像を生成してみました。 今日は実際の用途に使われそうな、node.js(+ ExpressJS)からPhantomJSを使う方法を検証してみました。 例によってプロジェクトの作成から行います。なお、PhantomJS自体はインストールされている前提で行います。 プロジェクトの作成 node-phantomを使いました。 $ express -e phantom_sample/ $ cd phantom_sample/ $ npm install $ npm install node-phantom --save $ mkdir output outputディレクトリは、生成したファイルを一時的に格納するディレクトリです。詳細は後述します。 app.js 至って普通です。ルーティングで'/pdf'を追加しただけです。 var
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MrRio/jsPDF: Client-side JavaScript PDF generation for everyone.
PDFBoxを使ってpdfから画像として処理すると、NullPointerException
PDF.js
[PDF]Latexのよくある悪習とその正しい対策