Vector artwork support

概要

Cavalry は SVG アートワークのインポートとエクスポートをサポートしており、Adobe Illustrator、Affinity、Figma などの他のベクターアプリから SVG コードをコピー/ペーストできます。

Import

SVG を Asset としてインポートするだけでなく、.svg ファイルを Viewport にドラッグまたはペーストすることでインポートおよび変換できます。

SVG ファイルを Assets Window またはファイルシステムから Viewport にドラッグするか、クリップボードから SVG データをペーストすると、2つのオプションを持つポップアップダイアログが表示されます：

Asset Layer - SVG Layer を作成し、.svg asset を File Attribute に接続します。
Separate Layers - .svg asset を個別の Layers に分離し、それぞれを Editable Shape に変換し、Fill と Stroke を一致するように設定します。

SVG asset を Assets Window またはファイルシステムから Viewport または Scene Tree にドラッグする際に Option/Alt を押したままにすると、モーダルをバイパスして Separate Layers が実行されます。

Copy and Paste SVG data

Adobe Illustrator、Affinity、Figma などの他のベクターアプリから SVG コードをコピー/ペーストできます。

Application	Instructions
Adobe Illustrator	Edit > Copy (Cmd/Ctrl + C)
Figma	パスを右クリックし、Copy/Paste as > Copy as SVG を選択します。
Affinity	Edit > Copy (Cmd/Ctrl + C)。Settings > General > Miscellaneous で Copy Items as SVG がチェックされていることを確認してください

Export

Cavalry Compositions は、Render Manager または File > Render Current Frame to SVG... メニュー項目から SVG としてレンダリングできます。

Cavalry Shapes はクリップボードにコピーすることもできます。Shape を SVG としてクリップボードにコピーするには、Viewport で Shape を選択し、right click > Copy as SVG を実行します。

複数の Shapes を SVG データとしてクリップボードにコピーするには、それらを Group に追加し、その Group をコピーします。Group の Blending and Opacity Mode は Individual Shapes に設定する必要があることに注意してください。

SVG のサポートは、完全な機能を備えたフォーマットではないため、多少混在する場合があります。たとえば、SVG フォーマットには Inner または Outer Stroke のネイティブサポートがなく、その結果、異なるアプリがこの問題に対処するための異なる方法を持っています。このため、アプリケーション間でファイルを交換する際に 100% の一致が得られない場合があります。

既知の問題：

Clipping Paths/Masks/Compound Shapes は現在サポートされていません。
Gradients はサポートされていません。
Opacity はサポートされていません。
Blend Modes はサポートされていません。
Text はメッシュに変換されます（編集可能な Text としてエクスポートもインポートもされません）。
Centre 配置の Stroke のみがサポートされます。inner/outer は SVG フォーマットでサポートされていますが、ほとんどの主要ブラウザでサポートされていないため、Cavalry でもサポートされていません。