小乐图客攻略：[7]如何画各种形状的SVG矢量图

1、首先，我们在Chrome浏览器中，打开小乐图客截图界面。

方法是在任意网页，按下快捷键Ctrl+Shift+X。

注意：

1、快捷键中的+号不需要输入。

2、如果有快捷键冲突，可以右击网页，

点击小乐图客右键菜单中的“区域截图”

2、其实我们需要的是自己画张矢量图，而不是对某个网页截图。

我们使用小乐图客的网页截图，只是为了进入这个功能页面。

进入之后，我们可以立即建立一个空白画布。

方法：

点击右侧的矩形画布按钮。

如果需要改变画布颜色，或者调整尺寸大小，

可以在下方进行相应调整。

3、下面我们来尝试画各种几何形状。

方法是，先点击形状区域的相应图标。

4、然后鼠标在画布上点击，拖放即可。

例如，我们画一个圆。

方法：

先点击形状：正圆

然后在画布上拖放鼠标。

5、如果对位置不满意，可以微调下方的坐标值（精确到1px像素）。

如果对圆的边宽不满意，也可以在下方微调数字。

6、如果需要改变颜色，可以点击下方的颜色框。

如果需要改变背景填充色、边框色，可以设置一下图形模式：

仅边框色，边框色+填充色，全填充色。

7、接下来我们来看SVG矢量图如何保存。

这里要注意的是，默认是保存JPG平面图。

如果需要保存为SVG格式的图片，需要选择一下导出格式：

”截图（*.svg）“

然后，点击”保存“按钮，即可下载SVG矢量图到本地。

8、SVG矢量图，可以直接使用Chrome浏览器打开。

而且下次还可以通过小乐图客导入之前做的矢量图，

继续编辑，甚至反复修改，重新得到新的矢量图。