跳转到内容

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 也不支持。