开发者工具 / 28

在线SVG矢量编辑器和绘图工具

通过可视化界面或实时SVG XML代码绘制、设置样式、分层并编辑SVG矢量图形。

在线SVG矢量编辑器和绘图工具: 在SVG画布上绘制矩形、圆形、椭圆、直线、路径和文本。移动对象,修改填充、描边和不透明度,并排列图层。你还可以导入SVG,或在“代码”标签页中编辑其标记代码,然后下载SVG或PNG,或者复制SVG文本。 完全在浏览器中本地运行,文件不会上传到服务器。

使用次数
在浏览器中
费用
免费·无需注册
可用性
可直接使用
添加形状:
背景:
TOEA SVG Editor

元素检查器与样式

rect (rect_1)
图层操作
图层(3)
text (text_1)
circle (circle_1)
rect (rect_1)

绘制形状、路径和文本

添加矩形、圆形、椭圆、直线、星形、三角形、心形、路径或文本。选择对象后,可以更改其填充、描边颜色、描边宽度和不透明度,也可以使用图层控件复制、删除和调整对象顺序。画布设置用于设置绘图尺寸和背景。

在画布上移动路径,并通过“代码”选项卡编辑其形状。M、L和C等路径命令分别表示移动、直线和曲线。此工具不是可视化节点编辑器:没有可拖动的曲线控制柄。离开代码字段后,编辑过的XML才会应用。

导出和导入限制

SVG会保留矢量形状和可编辑文本;PNG会按照画布尺寸将绘图栅格化。复制标记后可以获得SVG文本,用于页面或其他编辑器。文本不会转换为轮廓,因此其外观取决于打开文件的位置是否提供相应字体。

导入的文件会转换为受支持的基本形状、路径和文本。渐变、滤镜、剪切、嵌入图片和组行为无法完整保留。请保留原文件,并在导出替换文件前比较导入后的绘图。

使用方法

  1. 添加矩形、圆形、椭圆、直线、星形、路径或文本,并将其拖动到合适位置。
  2. 设置填充、描边、不透明度、圆角半径和图层顺序。
  3. 下载SVG或PNG,或复制标记代码。

隐私与限制

绘图不会离开你的浏览器——不会上传、不会自动保存,也不会使用服务器。关闭标签页后,绘图将被丢弃,因此请在离开前下载文件。

相关工具

常见问题

我可以绘制和编辑路径吗?

你可以添加路径,在画布上移动路径,并修改其填充和描边。在“代码”标签页中编辑路径命令即可改变其形状;工具不提供可视化控制点编辑器。离开文本框后,代码更改才会应用。

我可以添加文本和简单形状吗?

可以。你可以从工具栏添加矩形、圆形、椭圆、直线、星形、三角形、心形、路径或文本。文本提供内容和字号设置。你可以对对象进行对齐、复制、删除和重新排序,还可以修改填充、描边颜色、描边宽度和不透明度。

可以导出哪些文件?

下载SVG即可保留矢量形状和可编辑文本,下载PNG则会按画布尺寸导出栅格图片。你也可以复制SVG标记代码。文本不会转换为轮廓。

免费工具·使用在浏览器中次·无需账户