在线编辑 SVG 图像

下面这些在线编辑器,可直接修改 SVG 图像,非常实用。

这些编辑器都或多或少提供了各种工具帮助大家创作图像。

5 Likes

下面编辑器没有提供任何绘图工具,但是大佬们可以通过修改代码来做一些细节修饰,并预览其效果。

svg好像是图形吧……

樓主這個收集已經是無敵了。

我用的最多的是https://editor.method.ac/

以下编辑器都是针对特定编辑操作编写的,可以配合辅助其他 SVG 编辑工具修改、创作图像

看到这个主题,就想到了我一直在用的 vs code 的 drawio 插件

drawio 本身是画流程图的工具,而这个插件可以将 drawio 工程文件信息存储在 svg 中,可以随时修改,随时生效,这种文件定义为 .drawio.svg 的格式(没记错的话)

如果只是作流程图的需求,这个大概是最好的解决方案了

1 Like

以下编辑器用来创作动画

1 Like

有没有推荐的在线SVG绘图组件React,需要对SVG进行简单的编辑即可

是不是需要用到 React 的那种

不行吧,这些编辑器能应付一般的修改需求,但对于那些复杂的图像处理,还得依靠 Illustrator、CorelDRAW、Inkscape 这些软件。顺便一提,Inkscape 1.0 beta1 开始公测了。

如果这都行的话,Chrome是不是也算:sweat_smile:

1 Like

我试了一下,感觉有点不一样,比如,Chrome 开发工具要给 SVG 加一个图形的话,必须点击某个元素前面的三个点,点击 Edit as HTML 才行,这两个可以直接撸代码。

我说的是你2楼发的两个链接。如果这两个都算编辑器的话,和Chrome的开发者工具有什么区别?