8个实用的SVG工具，20 个有用的 SVG 工具，五款超实用的开源SVG工具

8个实用的SVG工具

[导读] 你还在为没有好用的SVG工具而发愁吗？开发人员的福音来啦！小编为大家收集罗列了8款实用的SVG工具，让我们一起来看看吧！

       SVG可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。SVG是W3C在2000年8月制定的一种新的二维矢量图形格 式，也是规范中的网络矢量图形标准。SVG严格遵从XML语法，并用文本格式的描述性语言来描述图像内容，因此是一种和图像分辨率无关的矢量图形格式。

       鉴于近几年SVG迅猛的发展，小编为大家介绍几款实用的SVG工具，帮助你的Web开发。
 

SVG Circus

       SVG Circus能够帮助你在几秒之内创建很酷的SVG spinners、加载器和其他循环动画。你也可以改变诸如起点、动画的路径等等，同时也提出了许多可供选择的技巧。

 

Snap.svg

       Snap.svg是专为现代浏览器设计的，它支持屏蔽、剪裁、完整渐变等新的SVG功能。

 

iconmelon

       尽管支持SVG的众多优秀的浏览器日益普及，但是却缺乏良好的矢量图标方法，而作为SVG的iconmelon工具及时地填补了这一空白，使用它作为Web项目的矢量图标着实是一个不错的选择。

 

Plain Pattern

       这是个人觉得非常值得推荐给大家的一个工具，在Plain Pattern的网站上，你能够根据你所选择的颜色快速地生成SVG图形，这可能比任何手写的形式都要快！

 

Highcharts

       Highcharts是一个用纯JavaScript编写的图表库，它提供在你网站或者Web应用程序当中添加交互式图表的简单方法。Highcharts目前支持散点图、条形图等。

 

Glyphter

       这是一个非常神奇的SVG工具，它能够带你玩转所有类型的字体以及图标。你可以针对不同目的的字体和图标进行细节修改，让其更具吸引力。

 

Paths.js

       Paths.js可以帮助生成SVG路径的高水平API。这些路径的API可以使用同一个模板引擎，用来在浏览器中显示SVG图形。

 

svg.js

       一个轻量级的操作库和SVG动画。你不会找到一个库，比它的体积更小更简洁。同时我还发现svg.js提供了一些增强体验功能的插件，它允许你修改过滤器的图片和你正在构建的图标。

 

 

 

20 个有用的 SVG 工具，提供更好的图像处理

英文原文：20 Useful SVG Tools for Better Graphics

SVG 现正在 Web 设计领域变得越发流行， 你可以使用 Illustrator 或者 Inkscape 来创建 SVG 图像。 但当进行 Web 设计时，我们还需要做一些优化来使得 SVG 变得更加轻量。