ベクタグラフィックのスクリーン表示にのみ注目されがちなsvgについて,印刷処理への応用を探ったものです. web帳票を実現する場合,PDF等の印刷イメージを専用サーバーで生成する方法が多いのですが,充実したhtml5の機能を使えば同様の事が出来るはずです. そこでcssやsvg・xmlの仕組みを駆使し,帳票出力システムとしての機能を実装して見ました.
本ツールの特徴としては次の点が挙げられます. svgで帳票フォームレイアウトを作成することができます firefox,chrome,ie(10)と言った広範な環境で動作します ブラウザ間での印字結果を共通化することができます 完全にクライアントサイドで動作します レポート出力の為のスクリプトの記述が少なくて済む. canvas要素やsvg等の仕組みを使って機能を拡張することが出来る. uiのカスタマイズが容易.
html5技術をベースとしているため,(がんばれば)どんな処理を行うことも可能です.外字であればwoffファイルを用意すればよく,バーコード出力も画像さえあればレポートに挿入することができます.また,svgソースの取り込みをサポートしているので,d3.jsで作成したグラフをレポートに挿入するといったことも可能です. レポートのひな形の作成にはinkscape等のツールを用いるかsvgを手書きします.それを付属のレポートマッピングツールを介することでレポート設定を追加します.
ie10とfirefoxとchromeで動作します. opera(presto)では動作しないようです(動作している?).safariでは基本動作はするものの,意図した通りの結果は得られません. しかし「完璧」には動きませんし,古いバージョンで動作するかは全くわかりません.ie8以前は絶望的です. ※でも本格的にはまだ検証していないので,時々動かないバージョンになるかもしれません.(まだ)
少しずつ…ね? ----/--/-- ver0.1 新規作成 ----/--/-- ver0.2 レイアウト修正 ----/--/-- ver0.3 ソースコード整理.画像の表示サイズの変更機能を追加. 2013/04/22 ver0.4 カウント開始.画像の回転表示機能を追加. 2013/04/22 ver0.5 ソースコードの修正・整理,位置の微調整機能追加 2013/04/23 ver0.6 バグの修正,直接印刷の機能を追加,ポップアップで表示するように仕組みを変更.キャッシュしたフォームを参照しないように修正.Sugar.jsを導入してフォーマット機構を追加. 2013/04/25 ver0.7 フォームマッピング編集スクリプトを追加. 2013/04/26 ver0.8 簡易出力スクリプトを追加.xsl回りを整理(firefox対策済み) 2013/04/27 ver0.9 簡易ドキュメントを追加.(あくまでも暫定) 2013/04/29 ver0.91 qrコードの出力機構を追加