开发者工具 / 28
在线SVG矢量编辑器和绘图工具
通过可视化界面或实时SVG XML代码绘制、设置样式、分层并编辑SVG矢量图形。
在线SVG矢量编辑器和绘图工具: 在SVG画布上绘制矩形、圆形、椭圆、直线、路径和文本。移动对象,修改填充、描边和不透明度,并排列图层。你还可以导入SVG,或在“代码”标签页中编辑其标记代码,然后下载SVG或PNG,或者复制SVG文本。 完全在浏览器中本地运行,文件不会上传到服务器。
- 类别
- 开发者工具
- 使用次数
- 在浏览器中
- 费用
- 免费·无需注册
- 可用性
- 可直接使用
元素检查器与样式
图层(3)
绘制形状、路径和文本
添加矩形、圆形、椭圆、直线、星形、三角形、心形、路径或文本。选择对象后,可以更改其填充、描边颜色、描边宽度和不透明度,也可以使用图层控件复制、删除和调整对象顺序。画布设置用于设置绘图尺寸和背景。
在画布上移动路径,并通过“代码”选项卡编辑其形状。M、L和C等路径命令分别表示移动、直线和曲线。此工具不是可视化节点编辑器:没有可拖动的曲线控制柄。离开代码字段后,编辑过的XML才会应用。
导出和导入限制
SVG会保留矢量形状和可编辑文本;PNG会按照画布尺寸将绘图栅格化。复制标记后可以获得SVG文本,用于页面或其他编辑器。文本不会转换为轮廓,因此其外观取决于打开文件的位置是否提供相应字体。
导入的文件会转换为受支持的基本形状、路径和文本。渐变、滤镜、剪切、嵌入图片和组行为无法完整保留。请保留原文件,并在导出替换文件前比较导入后的绘图。
使用方法
- 添加矩形、圆形、椭圆、直线、星形、路径或文本,并将其拖动到合适位置。
- 设置填充、描边、不透明度、圆角半径和图层顺序。
- 下载SVG或PNG,或复制标记代码。
隐私与限制
绘图不会离开你的浏览器——不会上传、不会自动保存,也不会使用服务器。关闭标签页后,绘图将被丢弃,因此请在离开前下载文件。
相关工具
常见问题
我可以绘制和编辑路径吗?
你可以添加路径,在画布上移动路径,并修改其填充和描边。在“代码”标签页中编辑路径命令即可改变其形状;工具不提供可视化控制点编辑器。离开文本框后,代码更改才会应用。
我可以添加文本和简单形状吗?
可以。你可以从工具栏添加矩形、圆形、椭圆、直线、星形、三角形、心形、路径或文本。文本提供内容和字号设置。你可以对对象进行对齐、复制、删除和重新排序,还可以修改填充、描边颜色、描边宽度和不透明度。
可以导出哪些文件?
下载SVG即可保留矢量形状和可编辑文本,下载PNG则会按画布尺寸导出栅格图片。你也可以复制SVG标记代码。文本不会转换为轮廓。
免费工具·使用在浏览器中次·无需账户