多语言展示
当前在线:1996今日阅读:27今日分享:41

如何使用SVGDeveloper工具设计出正方形和圆形

在SVGDeveloper工具中,包含了大量的图形和形状,可以直接使用这些图形组合成不同类型的图形;这样设计起来,不需要一直修改代码,快捷方便。下面利用一个实例说明设计出一个圆形和正方形的组合图形,操作如下:
工具/原料
1

SVG

2

SVGDeveloper

3

截图工具

方法/步骤
1

第一步,打开SVGDeveloper编辑工具,将形状切换到圆形,拖曳一个到编辑区域,如下图所示:

2

第二步,选中圆形对象,修改内部的填充颜色,这里使用渐变色,如下图所示:

3

第三步,以同样的方式,将一个矩形控件拖到圆形中心,调整位置,使其四角位于圆形四部分点的位置,如下图所示:

4

第四步,将矩形调整为正方形,选中正方形对象,修改填充色,也使用渐变色,如下图所示:

5

第五步,点击工具栏上的View,然后选择Zoom,点击Fit to Window,如下图所示:

6

第六步,最后选择File,导出成Image,选择png图片格式,使用图片工具打开,如下图所示:

注意事项
1

注意使用SVGDeveloper工具设计出不同类型的图形

2

注意不同类型的形状的使用场景

推荐信息