跳到主内容

4款免费的非常好用的svg工具,收藏备用

· 3分钟阅读

SVG 可缩放矢量图形(Scalable Vector Graphics,SVG)作为前端开发来说是非常重要的,例如在展示效果(图片,icon),动画制作(SVG 动画)上,非常有用。不过 SVG 是基于 XML 的,前端开发很少编写,也很难编写。

在实际开发过程中,前端开发无法直接通过代码绘制出 SVG,或者直接对 SVG 进行操作,我们可以通过 SVG 工具来完成。本文直接提供了 5 个免费的非常好用的 SVG 工具,收藏备用。

Lean SVG

日常设计师导出的 SVG 有时候体积会过大,或者 SVG 代码里面会有一些无用的行,需要清理掉,或者我们在写 SVG 动画的时候,需要对 SVG 这时候就可以通过 Lean SVG 工具来处理,非常好用,值得推荐。

https://tva4.sinaimg.cn/large/006z7Mergy1gx1y8367g6j31fe0svdir.jpg

网址:https://lean-svg.netlify.app/

SVG 波浪生成器

一个免费的 SVG 波浪生成器,为您的下一个网页设计制作独特的 SVG 波浪。 选择一条曲线,调整复杂性,随机化!

https://tvax2.sinaimg.cn/large/006z7Mergy1gx1ykvh8krj312j0hu77h.jpg

网址:https://getwaves.io/

SVG 图形生成器

一个免费的 SVG 形状生成器,可以生成各种各样的椭圆形,类原型的 svg,如果你不知道哪种适合你,也可以随机生成一个。

image

网址:https://www.blobmaker.app/

SVG 自定义波浪生成器

与上面的第二种 SVG 波浪生成器不同的是,这一款 SVG 自定义波浪生成器可以自定义波浪的形状,定制度更高,更灵活。

image

网址:https://www.svgwaves.io/