因为使用笨重的矢量图形工具可能会非常令人沮丧。 德鲁：就输出而言，您从这些工具获得的 SVG 输出都是一样的吗？它们基本上都生成相同的 SVG 还是有些比其他的更好？ 卡西：是的，这是一个很好的问题。我发现 Illustrator 比其他工具好很多，但它不应该阻碍您或让您觉得需要花这笔钱。因此，最终您会得到一些标记，对于某些编辑器，您可能需要比其他编辑器做更多的调整，但大多数编辑器您都会从中获得可用的 SVG 代码。并且我不具备图形技能，我会得到不同的结果，具体取决于我在 Illustrator 中实际绘制内容的方式。想必当谈到如何对某些东西进行动画处理时，更重要的是如何在编辑器中构建形状。这公平吗？ 卡西：是的，绝对是。此外，SVG 具有隐式绘制顺序，因此它与 HTML 不同。
因此对于 HTML您可以
使用该索引来移动事物并将事物放在其他事物的下面或之上，而对于 SVG，它在代码中的顺序将是它在网页上显示的顺序。因此，当您绘制 SVG 时要记住这一点，即按正确的顺序排列图层，然后将您想要作为一个单元移动的任何内容包装在一组中，以及您想要单独移动的任何内容您需要确保它实际上是一个单独的形状。 德鲁：是的，所以我的意思是，通过让你的图层按顺序 克罗地亚手机号码列表 排列，你实际上是在谈论 Illustrator 中的图层调色板，并在导出之前拖动周围的东西，对吗？只需按照正确的顺序排列它们，然后导出即可。 卡西：是的。 德鲁：一旦你导出了它，就会有一些工具可以帮助你进行优化，或者，因为我知道 PNG，我用一大堆东西来从文件中删除所有的工艺并减小文件大小。SVG 有类似的东西吗？ 卡西：是的。
有个叫做 SVGOMG 的工具
我经常使用它，它很棒，您可以使用它进行批处理。它有终端命令，但你也可以，浏览器中有一个 Gooey，我真的很喜欢大型说明性 SVG，因为我认为如果你正在处理巨大的负载，那么将它构建到你的构建过程中是很好的您都希望以相同的方式处理图标，但如果您正在处理说明性 SVG，那么能够使用 gooey 就很好了，因为您可以在代码视图和视觉视图之间切换，并且可以确保您 传真列表 在设置中更改的内容不会在视觉上以负面方式影响您的 SVG，也不会以您不希望的方式影响代码。 德鲁：想必这些工具（例如 Illustrator）非常适合创建图形，但它们对我们制作动画根本没有帮助，不是吗？一旦我们获得 SVG 并将其放入网页中，这一切就会发生。
