使用 VectorDrawables 创建复杂的变形动画的工具 (允许在任意两个 SVG 图像之间进行变形)
VectAlign (也称为 VectorDrawableAlign) 是一个开发者工具,它可以自动 对两个 VectorDrawable 的 pathData 字符串(或 SVG 图像)进行对齐,以便使用 AnimatedVectorDrawable 实现它们之间的变形动画。VectAlign 可以从命令行或通过简单的 GUI(包括 变形预览 和 导出 功能)使用。以下是使用 VectAlign 可以实现的一些示例(请参阅 [示例项目] 以查看实时演示):
如 [官方文档] 中所述,两条路径必须 兼容,才能进行变形,这意味着 路径必须由相同的 SVG 指令列表组成(从指令的长度和类型来看)。
当变形仅涉及简单的形状时,通过手动注入或复制命令来修复路径通常是很简单的;但是当形状的复杂度增加时,通过手动完成此任务就变得相当繁琐(有时几乎是不可能的)。 VectAlign 会自动对任意一对 SVG 路径进行对齐(无论其复杂程度如何),从而创建一对可变形的新路径,而不会改变原始图像。
暂无开放 Issues,或尚未同步最近议题。