Animation 如何创建SVG'；笔划属性是什么？

我一直在使用Illustrator、Sketch、Inkscape和Peter Collingridge的组合来创建和操作SVG，但我遇到了一些问题。我正在尝试使用文本创建一个基本的徽标，当徽标出现在页面上时，我想设置外部边框的动画（使用a），然后用纯色填充中心

在Illustrator and Sketch中，我从一个基本文本框开始，并将图层转换为轮廓，但我导出的SVG只包含一个单个路径，没有

笔划

和

笔划宽度

字段。它看起来就像这样：

，在

d=''

字段中有很多标记

我阅读并了解到Inkscape导出了一些最干净的SVG，因此导入了我的首字母的PNG，“跟踪位图图像”和“取消层分组”。这导出了一个多路径svg，但每个svg仍然缺少

笔划

和

笔划宽度

参数。这是我到目前为止最接近动画的一次：，它还包含实际的SVG代码

我有几个问题，希望这里的一些人能提供帮助：

如何创建/导出包含

stroke

、

stroke width

、

stroke dasharray

和

stroke dashoffset

字段的SVG？这些参数似乎解锁了很多动画功能，而我的路径似乎只有

fill='

和

d='

一般来说，创建SVG的最佳工具是什么？Inkscape似乎导出了最干净的SVG代码，但它不像Sketch和Illustrator那样易于操作。Peter Collingridge的svg编辑器似乎是精简代码的最佳工具，但它并没有删除文件中嵌入的Sketch和Illustrator的所有样式

---

您抱怨SVG包含“d”操作。但这是一个强大的符号，它可以画出你的字母！可以将其用作动画的开始

想法：只需使用Inkscape

输入您的文本。按你希望的样子做。单击菜单>路径>对象到路径。这会将其从基于字体转换为基于向量

---

单击另存为。。。选择纯SVG格式。

这似乎不是编程问题，关于工具的建议在这里是离题的。如果你把垃圾放进去，你就从垃圾中出来。尝试使用inkscape绘制形状（不要导入位图图像），或者最好自己编写svg代码。在Illustrator中，您可以设置

笔划

、

笔划宽度

和

笔划dasharray

，但不能设置

笔划dashoffset

参数。谢谢@elchininet。实现后，该笔划可以应用于任何填充对象-它只是简单地跟踪填充边界周围的线条