在SVGDeveloper的SVG工具中，包含了矢量图形图标，切换到不同的状态下，可以选择不同的矢量图标。这里可以使用图表和直线进行组合，创建出不同组合情况下的图形。下面利用一个实例说明，操作如下：
工具/原料
1
SVGDeveloper
2
SVG
3
截图工具
方法/步骤
1
第一步，双击打开SVGDeveloper编辑工具，新建svg文件；选择Shape，找到Arrow，拖动一个，然后复制三个，如下图所示：
2
第二步，依次将四个箭头图标，有东西南北方位排列好，注意箭头方向，如下图所示：
3
第三步，分别选择这四个箭头图标，给它们填充不同的渐变色，如下图所示：
4
第四步，再选择矢量直线，从上到下、从左到右依次将这四个连接起来，如下图所示：
5
第五步，分别选中四个箭头之间的直线，修改直线的属性，改为虚线，如下图所示：
注意事项
1
注意SVGDeveloper中的箭头等图标的使用方法
2
注意将图标和直线结合起来使用的方法