svg保姆级教程(一)来啦，看了这个视频你就会啦#svg

保姆级教程来了！手把手带你玩转SVG编辑器！

svg编辑器入口：在编辑器界面的左侧菜单栏选择svg编辑器，跳转到svg编辑器界面后，点击进入svg编辑器即可打开。

·二、svg编辑器界面介绍。

·三、来带大家认识我们的svg编辑器界面。我们的编辑区域大致可以分为四个板块：功能区、效果选择区、效果编辑区域、导航栏工具区。

如何搜索svg组件？在svg编辑器中有两类svg效果，第一个叫做svg组件，另一个则是svg样式模板。svg组件在svg编辑器界面的互动效果板块中，svg组件相当于一个预设好的框架，里面的内容需要你自己添加，如图片动画时间设置等，可发挥空间大svg样式模板。

svg样式模板是一个完整的作品，包含了很多类型的效果，大家只需要对里面的字体、图片等进行微调就可以直接使用。

这类型的svg效果除了在svg编辑器的样式模板板块中可以找到在编辑器界面的样式，svg中也能进行选择。使用搜索svg组件和svg样式模板有两种方式：

·第一种是在搜索框输入关键词或id号码。

·第二种是通过点击标签来筛选id查看方法。当你将鼠标放在某个效果上时，右侧弹出的面板上就可以查看id号码互动效果和样式模板板块下的svg效果查看id号码的方法相同色。