20个有用的SVG工具，可提供更好的图形
但是当涉及到网页设计时，我们应该始终进行优化以获得更轻松的结果。
如今，SVG在Web设计中日渐流行，您可以使用Illustrator或Inkscape之类的工具来创建SVG图形。
我们大部分都是在线工具，可以帮助您进行优化，转换， 制作图案等。
在这里，您可以使用20种工具快速有效地使用SVG 。
在橙色和紫色线条以及方便的标尺的引导下，使用SVG上的viewBox和preserveAspectRatio ，您可以在学习SVG坐标功能的同时进行游戏。
这是Sara Souiden的出色交互工具，可帮助您了解SVG坐标的工作原理 。
使用SVG时，您无法离开其坐标。
您可以删除SVG图像（其他格式（例如JPG和PNG也可以使用）），然后获取带有base64背景图像CSS。
b64是优化图像然后将其转换为base64格式的简单工具。
如果要删除编辑器元数据，注释或隐藏的元素 ，则可以使用SVGO。
导出的SVG可能包含不必要的信息 ，可以在不影响渲染结果的情况下将其删除。
您可以通过npm， $ [sudo] npm install -g svgo或使用提供拖放功能的GUI版本进行SVG优化。
最后，您还可以获取图像文件和代码作为结果。
只需切换按钮即可**或停用每个功能。
SVG OMG将SVGO （以前的工具）的命令行转换为更加直观和易于使用的GUI版本 。
您可以从Creative Cloud附件页面上获取SVG Now。
该工具添加了带有一些选项的面板，以优化SVG。
使用此工具，您将直接从Illustrator工作区中获取导出的SVG的优化版本 。
在Illustrator上工作时，导出的SVG包含一些不必要的信息。
使用此SVG到PNG转换器工具可以获取PNG格式的图像输出，如果需要还可以获取PNG Base64数据URI。
不打开像Illustrator这样的应用程序就可以这样做吗？
要将SVG文件导出为PNG格式 ？
在面板上设置“演员”，位置，大小，颜色和其他内容，然后导出以获取结果。
该工具使您可以使用循环动画制作自己的装载机，微调器或任何类似的东西 。
如果您认为加载器动画很棒，那么现在可以通过将SVG与SVG Circus结合使用来轻松创建它。
SVG Sprite是一个Node.js模块，它可以优化一堆SVG文件，并将它们烘焙为SVG Sprite类型，包括用于背景和/或前景图像的传统CSS Sprite ，SVG堆栈等。
您可以通过更改选项值来进行操作，然后使用“保存SVG”按钮下载结果。
该生成器是实验性的，但结果肯定很酷。
使用准图像，您可以生成准晶体图像，如下所示。
您可以在下载之前预览结果。
上载图像，按比例缩小或更改间距，旋转并重新着色，直到获得漂亮的图案。
使用SVG创建模式从未如此简单或有趣。
该工具是Trianglify的GUI版本。
您可以设置颜色随机性/变体，粒度大小，并选择要使用的调色板。
使用Trianglify Generator 创建漂亮的SVG几何图案 。
还包括CSS的备用。
只需输入开始和停止颜色，您将获得生成结果的代码。
在SVG上生成梯度的最简单方法是使用此工具。
您知道可以使用CSS进行渐变，但是您知道可以使用SVG 进行渐变吗？
将脚本下载到此工具，然后复制到Adobe Photoshop/presets/scripts文件夹。
如果将Photoshop用作工作的图像编辑器，有时可能需要将Photoshop工作区上的设计转换为SVG ，这是Photoshop中不受支持的格式。
使用SVG扩展名重命名矢量层名称（例如，layer1变为layer1.svg），现在您可以从File> Scripts> PS to SVG运行脚本。
这是一个可视化这些效果的工具，然后为您提供了一个片段 ，可轻松将效果嵌入到项目中。
您是否知道使用SVG可以向图像中添加诸如色相，饱和度，模糊，线性色彩叠加以及许多其他效果？
您可以设置缓动效果，过渡动画的持续时间以及旋转方向。
SVG Morpheous是一个JavaScript库，允许您将SVG图标从一种形状变形为另一种形状 。
那就是您需要此“剪切路径生成器”工具的地方。
但是， 如果形状是具有很多点的形状或多边形形状，该怎么办？
如果形状为正方形或圆形，则这非常容易。
SVG允许您单击带有Shape的图像片段。
使用此库，您可以创建折线图，饼图，条形图和其他类型的图表，甚至可以向其中添加动画 。
它利用SVG来显示图表，也可以使用SMIL对其进行动画处理。
Chartist.js是一个用于创建高度可定制的响应式图表的库。
之后，您可以获取HTML代码和CSS以在您的项目中应用此虚线。
首先从列表中选择一种破折号类型，然后根据宽度，高度，旋转度或颜色对其进行自定义。
这是一个简单的工具， 可以利用SVG stroke-dasharray 生成虚线 。
以SVG格式（也以SVG base64格式提供）导出图像，或直接保存为PNG。
您可以绘制线条，形状，输入文本或使用内置形状，然后编辑绘制对象的属性。
Method Draw是基于Web的SVG编辑器，具有一个直观的界面，在画布的两面都带有工具 。
该工具是Flash应用程序的扩展，可以在CS5，CS6和CC上运行。
如果是这样，您可以将Flash动画转换为SVG，以使其与更新的技术兼容 。
尽管它不再流行，但有些人还是很难放弃Flash。
当涉及到“形状”，“位图符号”，“经典补间”和“补间”时，您可以导出到SVG中（对于其他人，可以说是成功的）。