跳到內容

Vector artwork support

Cavalry 支援匯入和匯出 SVG 作品,這意味著可以從其他向量應用程式(如 Adobe Illustrator、Affinity 和 Figma)複製/貼上 SVG 程式碼。

除了將 SVG 作為 Asset 匯入外,將 .svg 檔案拖放或貼上到 Viewport 中時也可以匯入和轉換。

SVG 檔案從 Assets Window 或檔案系統拖入 Viewport,或透過剪貼簿貼上 SVG 資料時,將彈出對話方塊,其中包含兩個選項:

  • Asset Layer - 建立 SVG Layer 並將 .svg asset 連接到 File Attribute。
  • Separate Layers - 將 .svg asset 分離為單獨的 Layers,將每個轉換為 Editable Shape 並設定 FillStroke 以匹配。

在將 SVG asset 從 Assets Window 或檔案系統拖入 ViewportScene Tree 時,按住 Option/Alt 可跳過模態對話方塊並 Separate Layers

可以從其他向量應用程式(如 Adobe Illustrator、Affinity 和 Figma)複製/貼上 SVG 程式碼。

ApplicationInstructions
Adobe IllustratorEdit > Copy (Cmd/Ctrl + C)
Figma右鍵點選路徑並選擇 Copy/Paste as > Copy as SVG
AffinityEdit > Copy (Cmd/Ctrl + C)。確保在 Settings > General > Miscellaneous 中核取 Copy Items as SVG

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 會轉換為 mesh(它既不會作為可編輯 Text 匯出或匯入)。
  • 僅支援 Centre 對齊的 Stroke。雖然 SVG 格式支援 inner/outer,但大多數主流瀏覽器不支援,因此 Cavalry 也不支援。