有没有一种工具从SVG文件创建SVG路径？

没有人知道一个可以取得SVG文件并将其转换为HTML 5 SVG路径的工具吗？你知道，d="M 0 0 L 20 134 L 233 24 Z" fill="#99dd79"的一部分？有没有一种工具从SVG文件创建SVG路径？

我在这里头：Use Adobe Illustrator to create SVG Path using "move to" commands

，但不能确定。这是否意味着Illustrator可以采取任何行动并将其保存为SVG路径？

注：是有Inkscape的，但我在寻找梯度和遮蔽的支持，如果可能的话。我希望能够使用.ai文件并使用Illustrator或Acrobat或其他方式导出它们...有没有什么东西在那里？还是内置于Illustrator或Acrobat中作为输出格式？

来源

2012-07-17 tim

Inkscape中支持梯度和掩蔽。再加上它使用XML来的内芯，而插画可以节省SVG但非常糟糕的结果 – frenchone 2013-12-10 00:19:27

这是不在身边时，这个问题被问，但现在我们可以在http://softwarerecs.stackexchange.com/ – Mawg 2017-02-27 10:00:37

惊讶没有人提到Illustrator的另存为>格式下拉> .svg选项。

输出一个.svg文件，该文件包含.svg（xml）文件中的路径（以及其他svg定义）。

该路径本身在<path d>之内。

来源

2013-07-05 23:05:53 ericsoco

问这样的事情如果我理解正确，那么问题是关于将原语转换为路径。 Illustrator会保留rects，圈等，所以这个答案是不正确的。 – Pickels 2014-01-13 15:25:21

开启在Inkscape中
CTRL A（选择所有）
移CTRL C（=路径/对象为路径）
CTRL S（保存（选择为纯SVG））

完成

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

来源

2013-12-10 00:24:20 frenchone

匿名懦夫有什么机会评论他为什么低估了？ – frenchone 2016-05-30 00:33:21

他们永远不会做:-(而当一个人开始了，别人说去吧“我也是” :-( – Mawg 2017-02-27 10:01:51

请问这项工作只与矩形/圆圈，或也与其他多边形？ – Mawg 2017-02-27 10:02:21

使用文本编辑器打开SVG。如果你有一些运气的文件将包含类似：

<path d="M52.52,26.064c-1.612,0-3.149,0.336-4.544,0.939L43.179,15.89c-0.122-0.283-0.337-0.484-0.58-0.637 c-0.212-0.147-0.459-0.252-0.738-0.252h-8.897c-0.743,0-1.347,0.603-1.347,1.347c0,0.742,0.604,1.345,1.347,1.345h6.823 c0.331,0.018,1.022,0.139,1.319,0.825l0.54,1.247l0,0L41.747,20c0.099,0.291,0.139,0.749-0.604,0.749H22.428 c-0.857,0-1.262-0.451-1.434-0.732l-0.11-0.221v-0.003l-0.552-1.092c0,0,0,0,0-0.001l-0.006-0.011l-0.101-0.2l-0.012-0.002 l-0.225-0.405c-0.049-0.128-0.031-0.337,0.65-0.337h2.601c0,0,1.528,0.127,1.57-1.274c0.021-0.722-0.487-1.464-1.166-1.464 c-0.68,0-9.149,0-9.149,0s-1.464-0.17-1.549,1.369c0,0.688,0.571,1.369,1.379,1.369c0.295,0,0.7-0.003,1.091-0.007 c0.512,0.014,1.389,0.121,1.677,0.679l0,0l0.117,0.219c0.287,0.564,0.751,1.473,1.313,2.574c0.04,0.078,0.083,0.166,0.126,0.246 c0.107,0.285,0.188,0.807-0.208,1.483l-2.403,4.082c-1.397-0.606-2.937-0.947-4.559-0.947c-6.329,0-11.463,5.131-11.463,11.462 S5.15,48.999,11.479,48.999c5.565,0,10.201-3.968,11.243-9.227l5.767,0.478c0.235,0.02,0.453-0.04,0.654-0.127 c0.254-0.043,0.507-0.128,0.713-0.311l13.976-12.276c0.192-0.164,0.874-0.679,1.151-0.039l0.446,1.035 c-2.659,2.099-4.372,5.343-4.372,8.995c0,6.329,5.131,11.461,11.462,11.461c6.329,0,11.464-5.132,11.464-11.461 C63.983,31.196,58.849,26.064,52.52,26.064z M11.479,46.756c-4.893,0-8.861-3.968-8.861-8.861s3.969-8.859,8.861-8.859 c1.073,0,2.098,0.201,3.051,0.551l-4.178,7.098c-0.119,0.202-0.167,0.418-0.183,0.633c-0.003,0.022-0.015,0.036-0.016,0.054 c-0.007,0.091,0.02,0.172,0.03,0.258c0.008,0.054,0.004,0.105,0.018,0.158c0.132,0.559,0.592,1,1.193,1.05l8.782,0.727 C19.397,43.655,15.802,46.756,11.479,46.756z M15.169,36.423c-0.003-0.002-0.003-0.002-0.006-0.002 c-1.326-0.109-0.482-1.621-0.436-1.704l2.224-3.78c1.801,1.418,3.037,3.515,3.32,5.908L15.169,36.423z M25.607,37.285l-2.688-0.223 c-0.144-3.521-1.87-6.626-4.493-8.629l1.085-1.842c0.938-1.593,1.756,0.001,1.756,0.001l0,0c1.772,3.48,3.65,7.169,4.745,9.331 C26.012,35.924,26.746,37.379,25.607,37.285z M43.249,24.273L30.78,35.225c0,0.002,0,0.002,0,0.002 c-1.464,1.285-2.177-0.104-2.188-0.127l-5.297-10.517l0,0c-0.471-0.936,0.41-1.062,0.805-1.073h17.926c0,0,1.232-0.012,1.354,0.267 v0.002C43.458,23.961,43.473,24.077,43.249,24.273z M52.52,46.745c-4.891,0-8.86-3.968-8.86-8.858c0-2.625,1.146-4.976,2.962-6.599 l2.232,5.174c0.421,0.977,0.871,1.061,0.978,1.065h0.023h1.674c0.9,0,0.592-0.913,0.473-1.199l-2.862-6.631 c1.043-0.43,2.184-0.672,3.381-0.672c4.891,0,8.861,3.967,8.861,8.861C61.381,42.777,57.41,46.745,52.52,46.745z" fill="#241F20"/>

的d属性是你在找什么。

来源

2016-07-05 15:11:34

优秀的解决方案 – 2017-06-13 22:02:44

（在回答问题的“已经情况好转？”部分）：

不幸的是，不是真的。 Illustrator对SVG的支持一直不稳定，并且，在Illustrator的内部工作中，我怀疑我们会看到Illustrator方面的很多改进。

如果您正在寻找DOM式访问Illustrator文档，你可能会想看看Hanpuku（披露＃1：我是作者披露＃2：这是研究代码，这意味着有漏洞很多，未来的支持不太可能）。

随着Hanpuku，你可以这样做：

在Illustrator中选择感兴趣的路径
点击 “要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在很多方面有很大不同，这意味着当你在两者之间循环，目前，你唯一的选择是使用功能的子集都支持以同样的方式。

来源

2016-07-11 16:24:54 yasashiku

Gimp可用于将基元（例如rects，圆等）的SVG转换为可在HTML5中使用的单一路径。

首先下载瘸子：https://www.gimp.org/downloads/
导出SVG作为.svg文件，例如选择的任何工具插画。如果SVG输出凌乱现在不要担心，瘸子会打扫
导入SVG文件到瘸子与文件 - >打开，以及以下（或类似）对话框应显示：

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

然后去Windows的>停靠Dialogues->路径

右键单击它说进口路径，你应该看到下面的对话框单一路径：

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

找到并使用您选择的文本编辑器打开此文件e。摹记事本，文本编辑

复制<path d="copy this text here" />

由于瘸子格式有很多的空间文本中的文本，您可能需要删除一些空间，将其粘贴到您的HTML在一个单一的重新格式化，线

来源

2017-05-10 15:40:56

有没有一种工具从SVG文件创建SVG路径？

回答

相关问题