形状、星形和多边形
画矩形、圆形、直线,也能徒手画。还有星形、多边形和形状库,线条端点可以加箭头。
免费在线 SVG 编辑器
打开一个 SVG,改改形状、换个颜色、加一行字,再下载 SVG 文件。这是一个直接在浏览器里运行的免费 SVG 编辑器,什么都不用安装。
使用方法
三步,都在这个页面上完成,不需要账号。
从编辑器的主菜单打开电脑上的 SVG 文件。手头还没有文件?可以先载入示例,或者从 800 × 600 的空白画布开始。
点一下对象就能选中它。换个填充色或描边色,拖动节点改曲线,或者点进文字直接打字。改错了?按 Ctrl+Z,Mac 上按 Cmd+Z。
在同一个菜单里选择保存,文件就会下载到电脑上。形状、路径和文字都还能继续编辑,放到多大边缘都清晰。
能做什么
做 Logo、图标、示意图可以用,给现有文件做个小修改也行。
画矩形、圆形、直线,也能徒手画。还有星形、多边形和形状库,线条端点可以加箭头。
用路径工具画曲线,然后单独移动节点和控制柄,添加或删除节点,也可以把任意形状转换成路径。
设置填充色、描边色、渐变、线宽、虚线和不透明度。吸管工具能把一个对象的样式复制到另一个对象上。
添加文字后,可以调字号、加粗或斜体、对齐方式和字间距。字体来自你的设备,电脑里装了哪些中文字体就能用哪些,所以换一台电脑打开,文字可能会变样。
把画面的不同部分放在不同图层上。对象可以编组、对齐、等距分布,也能上移一层或下移一层。
拖动控制点就能变换对象,也可以直接输入精确的 X、Y、宽度和角度。有撤销和重做,想到什么先试,不行再退回来。
打开源码视图,可以阅读或手动修改 SVG 代码。像 ID、viewBox 这类可视化工具碰不到的地方,在这里能改。
打开网格,方便排得整齐;放大画面,可以处理很小的细节。连接线把两个形状连起来,移动形状时线也跟着走。
其他设计软件导出的 SVG 也能打开,保存前检查一下滤镜和特效。用导入功能,可以把另一个 SVG,或者一张 PNG、JPG 图片,放进正在编辑的画面里。
SVG 是 Scalable Vector Graphics(可缩放矢量图形)的缩写。它存的不是像素,而是一条条描述形状、线条、曲线和文字的指令,浏览器按你需要的尺寸把它们重新画出来。
所以存成 SVG 的 Logo 放在手机屏幕上清晰,印成海报也清晰。以后想改一个颜色或一条曲线也很方便。换成 JPG,你只能在像素上涂涂抹抹。
做这些修改,不用买软件,也不用安装,打开浏览器就行。
放多大都清晰
图标从 16 px 放大到横幅尺寸也不会糊。
里面是纯文本
SVG 就是代码,用任何文本编辑器都能打开。
以后改起来方便
每个形状、颜色和文字都是独立的对象。
适合谁用
交稿前把 Logo 换成适合深色背景的配色,把太细的描边加粗,或者删掉图标里多出来的一小块形状。
检查 viewBox,改 ID 名称,清理多余的图层,再保存 SVG。
每种颜色放一个图层,删掉太小、切不出来的细节,调好尺寸后再导入切割软件。
给课件和练习题画示意图、标注和简单插图。学校机房的电脑装不了软件也没关系。
先看清楚能做和不能做的事。
可以先用我们的其他工具,从一张图片或一段文字描述生成,再拿到这里来编辑。