SVGとPDFは双方でインタラクティブに
静止画ではない、動く図形SVGやPDFを使用したインタラクティブなドキュメントについての話。
SVGではJavaScriptが埋め込まれ、イベントハンドリングやアニメーションを実現することが可能である。
また、PDFも同様にJavaScriptを使用してインタラクティブな要素を実現できるが、Adobe Readerなどの特別なソフトウェアが必要となる。
Vexlioの開発者であるアレックス・カーニー氏が、PDFやSVGといった形式にもインタラクティブな機能を実装可能であることを明らかにしました。この記事では、PDFやSVGが持つ意外なインタラクティブ性について解説します。
PDFとSVGのインタラクティブ性
PDFやSVGは通常、静的なドキュメントとして知られていますが、実は両方ともインタラクティブな要素を含むことができます。特にSVGはJavaScriptを組み込むことで、クリックやドラッグなどの操作に対応できます。一方、PDFはAdobe Readerなどの特定のソフトで動作する場合がありますが、JavaScriptを用いたインタラクティブな機能も実装可能です。
SVGのインタラクティブ性
SVGはXMLベースの形式であり、JavaScriptを埋め込むことでインタラクティブな要素を追加できます。この技術は、チャートやグラフのライブラリなどで広く利用されており、単一のSVGファイルでシンプルなアプリケーションを実装することも可能です。また、CSSを用いて外部からスタイルを変更できるため、ウェブとの連携が容易です。
PDFのインタラクティブ性
PDFにもJavaScriptを用いたインタラクティブな機能が実装されていますが、Adobe Readerなどの特定のソフトで動作する必要があります。一部のPDFビューアでは、動作が不完全になる場合があります。この技術は、ドキュメントの操作性を向上させるために、Adobeが独自のJS APIを提供しています。
まとめ
PDFやSVGは、静的なドキュメントとして知られていますが、実はインタラクティブな機能を備えています。これらの技術は、チャートやグラフのライブラリ、あるいは単一のアプリケーションの実装など、さまざまな用途に応用可能です。
原文の冒頭を表示（英語・3段落のみ）
For some context, I've spent the last few years building Vexlio, a tool for exactly this: authoring and publishing
self-contained interactive documents. As a part of my somewhat obsessive nature, I spent a lot of time thinking about
how I was going to make Vexlio's interactive documents into things that could be saved and shared. Along the way I
※ 著作権に配慮し、引用は冒頭3段落までです。続きは元記事をご覧ください。