html的svg路径,关于html5：是否有工具从SVG文件创建SVG路径？

有没有人知道一个工具，可以采取一个SVG文件，并转换成HTML5SVG路径？你知道，d="M 0 0 L 20 134 L 233 24 Z" fill="#99dd79"部分？

我在这里介绍：使用AdobeIllustrator使用"移动到"命令创建SVG路径

但不确定。这是否意味着Illustrator可以采用任何线条并将其保存为SVG路径？

注：是的，有Inkscape，但我正在寻找渐变和遮罩支持，如果可能的话。我想能够利用.ai文件并使用Illustrator或Acrobat或其他工具导出它们…外面有什么东西吗？或者它内置于Illustrator或Acrobat中作为输出格式？

Inkscape支持渐变和遮罩。另外，它使用XML作为其内部核心，而Illustrator可以保存SVG，但结果非常糟糕

问到这个问题的时候还没有，但是现在我们可以在softwarerecs.stackexchange.com上问类似的问题。

有在线工具可以从不同的文件格式创建SVG路径，如：image.online-convert.com/convert-to-svg

我很晚才去参加聚会，因为聚会已经结束了，我不能把这个作为答案，但是webdogs.com/blog/export-svg-web-using-adobe-illustrator解释了如何使用illustrator。

用文本编辑器打开SVG。如果您运气好，文件将包含如下内容：

d属性是您要查找的。

这不是具有自动生成的复杂SVG的解决方案，请看一下GIMP解决方案

这是否决票的原因吗？

我没有投反对票，你很困惑。

gimp可用于将带有基元的SVG(例如rect、circles等)转换为可在HTML5中使用的单个路径。

首次下载gimp:https://www.gimp.org/downloads/

使用任何选择的工具(如Illustrator)将SVG导出为.svg文件。别担心，如果SVG输出现在很混乱，Gimp会清理它的。

使用file->open将SVG文件导入gimp，并显示以下(或类似)对话框：

检查导入路径和合并导入路径选项

然后转到Windows->Dockable Dialogues->Paths

右键单击表示导入路径的单个路径，您将看到以下对话框：

单击导出路径…并将此文本文件保存到您选择的位置

使用您选择的文本编辑器(如记事本、文本编辑)查找并打开此文件

复制中的文本

由于gimp用大量空格格式化文本，您可能需要通过删除一些空格将其粘贴到HTML中的一行来重新格式化它。

使用Inkscape打开SVG。

Inkscape是一个SVG编辑器，它有点像Illustrator，但由于它是专门为SVG构建的，所以处理起来更好。这是一个免费的软件，可从以下网址获得：https://inkscape.org/en/

ctrl a(全选)

shift ctrl c(=路径/对象到路径)

ctrl s(保存(选择为普通SVG)

完成

所有矩形/圆形都已转换为路径

这只适用于矩形/圆形，还是其他多边形？

它也适用于多边形。

看起来是个很好的答案

谢天谢地！最后是一个自由和开源的强大应用程序。经过漫长而不成功的搜索，我终于如愿以偿了。爱这个！

(回答"情况改善了吗？"问题的一部分)：

不幸的是，不是真的。Illustrator对SVG的支持一直有点动摇，而且，在Illustrator的内部结构中，我怀疑对于Illustrator而言，我们会看到很多改进。

如果您要查找对Illustrator文档的DOM样式访问，您可能需要查看Hanpuku(公开1：我是作者)。披露2：这是研究代码，意味着存在大量漏洞，未来不太可能提供支持)。

有了Hanpuku，你可以做如下的事情：

选择Illustrator中感兴趣的路径

单击"to d3"按钮

在脚本编辑器中，键入：

selection.attr('d', 'M 0 0 L 20 134 L 233 24 Z');

单击运行

如果更改符合预期，请单击"到Illustrator"将更改应用于文档。

当然，这种方法不会公开原始路径字符串。如果按照插件欢迎页面末尾的说明进行操作，可以使用Chrome的开发工具编辑Illustrator文档，但在任何地方都会暴露出许多丑陋的工程(反映Illustrator文档的SVG DOM隐藏在扩展中的iframe中，用Chrome更改DOM工具和点击"到Illustrator"应该仍然有效，但您可能会遇到很多问题)。

tl；dr:Illustrator使用的内部模型在很多方面与SVG有很大的不同，这意味着当您在这两者之间迭代时，当前唯一的选择是使用两种支持方式相同的功能子集。

没有人提到Illustrator的"另存为>格式"下拉菜单>.svg选项，这让人感到惊讶。

输出一个.svg文件，该文件包含.svg(xml)文件中的路径(以及svg定义的其余部分)。

路径本身在内。

如果我理解正确的话，问题是如何将原语转换为路径。Illustrator将保留矩形、圆形等，因此此答案不正确。