1. 首页
  2. css

CSS34:SVG软件之旅

←上一个视频下一个视频→
在没有任何软件的情况下,您可以用SVG做很多事情。假设您有一个很好的SVG图像在线源,您可以直接使用它们。但我们需要对它们进行一点调整是很常见的。我知道我最常见的工作流程是从股票摄影网站或图标集之类的网站上找到一些接近我需要的东西,然后按照我想要的方式进行操作。调整形状,删除东西,改变颜色,安装画板,所有这些。用专门为它设计的软件做这样的事情要比手工编写代码容易得多。
我们在这个系列中最常用的软件是adobeillustrator(19.99美元/月)。Illustrator是一款大型、健壮的Mac或PC软件,功能丰富。这有点像把吉他当作你想学的乐器。有很多教程都在使用它。外面有很多人在用它,你可以求助。Illustrator可以在SVG中另存为,这意味着它是一种您可以使用的本地文件格式,这非常好。
在我们看到的所有不同的软件中,没有一个输出的SVG像您在web上可能希望的那样优化。它们都插入了一些通用的注释和元数据类型的东西,比如说它是用什么软件创建的等等,这对于在web上使用是完全无用的。实际上,更糟的是,它会增大文件的大小,从而使速度变慢。您总是希望优化从任何软件获得的SVG(我们很快就会做一个关于优化的屏幕广播)。
Inkscape是SVG编辑的另一个流行选项。我认为这可能是因为它是跨平台的(Mac、PC、Linux),而且是免费的。它也存在了很长一段时间,有一个强大的功能集。不过,我觉得这有点尴尬,主要是作为一个Mac用户,因为它的界面与我习惯的其他界面有着天壤之别。
我一直喜欢Sketch,它只有Mac版($99)。我特别喜欢您可以选择对象和组,然后\”使可导出\”,然后SVG是一个导出为的选项,它为您提供了裁剪的、完全可用的SVG供您使用。
我们还介绍了iDraw(Mac 24.99美元和iOS 8.99美元)。另外还有网络代码(Mac 39.99美元)。
我们在视频中没有特别看这些,但是也有一些基于浏览器的SVG编辑器非常不错:
– SVG编辑方法
– Mondrian

CSS34:SVG软件之旅 为WP2原创文章,链接:https://www.wp2.cn/css/css34svg%e8%bd%af%e4%bb%b6%e4%b9%8b%e6%97%85/