Qt のベクター画像フォーマット

Qt はグラフィックデータを読み込むための多くの標準的なファイルフォーマットをサポートしており、他のツールで作成されたコンテンツをインポートすることができます。

この記事ではベクター画像に焦点を当て、Qt アプリケーションで使用するためにベクター画像を作成する際の注意点を説明します。

ファイルフォーマットSVG

SVG ファイルは、次の 2 つの方法で読み込むことができます。 Qt Quick:Imageコンポーネントを使用してソフトウェアでラスタライズされた画像として、またはVectorImage を使用してハードウェアで加速されたレンダリングとしてです（svgtoqml を使用して事前にファイルを変換することもできます）。

さらに、QSvgRenderer はソフトウェアラスタライザーへの一般的なアクセスを提供する。QSvgWidget とQGraphicsSvgItem は SVG コンテンツをアプリケーションに統合するための便利な API を提供する。 Qt Widgetsアプリケーションに統合するための便利なAPIを提供しています。

ベースラインとして、Qt は SVG 1.2 Tiny プロファイルの静的機能をサポートしています。このプロファイルでサポートされている機能の詳細なリストは、SVG 1.2 Tiny 仕様にあります。

さらに、いくつかの拡張機能もサポートされています。これらは現在のところソフトウェアラスタライザーのみでサポートされており、VectorImage やsvgtoqml のハードウェアアクセラレーションレンダラーではサポートされていない。

SVG のインタラクティブ機能はサポートされていないが、インタラクションは Qt Quickまたは Qt Widgets.SMILフォーマットかCSSキーフレームを使った、いくつかの特定のアニメーションタイプもサポートされています。

以下は、サポートされる機能とサポートされない機能の概要を示すハイレベルなリストです。サポートされていない機能は可能な限り無視されるので、サポートされていない機能に依存する SVG ファイルは表示されるが、漏れやエラーがあるかもしれない。

さらに、以下の拡張機能が SVG 1.1 と SVG 2.0 からサポートされている：

最後に、以下のプロパティ・アニメーションがサポートされています（ここに記載されていないアニメーションは現在サポートされていません）。アニメーションは、最良の結果を得るために CSS keyframes フォーマットでエクスポートする必要があります。

ファイルフォーマットLottie

SVG と同様に、Qt では Lottie フォーマットのファイルを読み込む方法が異なります。

LottieAnimation タイプは画像を読み込み、QSvgRenderer が SVG に対して行うのと同じように、ソフトウェアラスタライザを使って表示します。

さらに、VectorImage とlottietoqmlツールを使えば、ハードウェアアクセラレーションによるレンダリングも可能です。

Lottie ファイルをVectorImage で使用するには、モジュールに含まれるvectorimageformats プラグインを Qt Lottie Animationモジュールと一緒にデプロイする必要があります。また、VectorImage のassumeTrustedSource プロパティをtrue に設定する必要があります。

lottietoqmlツールを使って、LottieのソースファイルをQMLに変換することができます。その例は、lottietoqml Exampleにあります。

以下は、LottieAnimation タイプ（ソフトウェア・ラスタライザー）とVectorImage （lottietoqmlを使ったファイルのプリコンバートも含む）がサポートするハイレベルな機能のリストです。

原理的には、Lottieフォーマットのほぼすべてのプロパティをアニメーション化することができます。アニメーション可能なプロパティの広範なサポートについては、LottieAnimation を使用してください。VectorImage （およびlottietoqml）は、アニメーションを作成するために一般的に使用されるプロパティの選択されたサブセットのサポートを提供します。

ファイルフォーマットベクター画像フォーマットとしてのフォントファイル

SVGのようなベクターグラフィックスのための従来のフォーマットに加えて、ベクターグラフィックス資産がグリフとして保存されているカスタムフォントファイルを利用することも可能です。

これには、単純なイラストをテキストラベルにインライン化し、テキストと同様の組版特性を持たせることができるという利点がある。これにより、画像とテキストの位置合わせが容易になります。

この目的のためにフォントファイルを使用することは、大規模なアイコンライブラリを配布する便利な方法でもあり、ランタイムで置き換え可能なテーマを提供することもできます。

ただし、Qt でのフォントの使用はテキストを生成するために最適化されているため、VectorImage のような特殊なベクター画像コンポーネントの代替としてアイコンフォントを使用する場合には、いくつかの考慮事項があります。

まず第一に、 カ ラ ーフ ォ ン ト はつねに、 指定 さ れた ピ ク セルサ イ ズで ラ ス タ リ ゼーシ ョ ン さ れます。こ れは こ の よ う なテ キ ス ト ア イ テ ムに変換を適用す る と 、 拡縮ア ーテ ィ フ ァ ク ト が発生す る こ と を意味 し ます。た と えば、 ズームが必要な イ ラ ス ト では、VectorImage を用いる こ と が推奨 さ れます。

アニメートされたベクター画像にも、特殊化されたコンポーネントを使うのが望ましい。可変フォントフォーマットの拡張はモーフィングアニメーションを可能にしますが、これはQtのフォントシステムが最適化された用途ではありません。したがって、フォントの可変軸をアニメーションさせることは、他のベクター画像フォーマットを使うよりも効率が悪くなります。

そのため、アニメーションや多色のベクター画像には、SVGのような形式を使うのが一般的です。単一色で静的なものについては、フォントを使用することは、ある種の利便性を持つオプションです。