AXURE RP9——SVG图片的操作设置

1.SVG图标资源库

http://www.iconfont.cn/collections/index    阿里巴巴矢量图标库

可找到对应的图标，进行下载

在这个界面中，可以调整颜色，选择下载的图标文件格式

 

2.举个栗子

（1）下载一个SVG格式的位置图标，并拖动到软件中

可以使用新浪微博账号和Github账号登录，登录之后才能够下载图标文件。

该图库支持导出SVG，AI，PNG三种格式的文件。

          

（2）选中图标——鼠标右键——【变换图片】——【转换SVG图片为形状】

         进行颜色更改等操作

注：形状可以进行编辑，设置颜色等操作

         

 

3.简单方法

用谷歌浏览器的插件，打开阿里巴巴矢量库网址，可以一键复制所选图标到axure中

（1）打开谷歌浏览器，点击右上角的，【更多】——【扩展程序】

（2）找到axhub 这个插件，添加到扩展程序中

（3）届时打开阿里巴巴矢量库网站，找到所需图标，看到该图标上多了一个选框，点击并粘贴到axure中即可。

（4）这时按照2.(2)进行操作，即可更改颜色。

 

 

4.图片功能

除上述操作外，还提供了其他图片设置功能。

（1）图片切割——切图

提供了3种切图模式：

• 十字架切割
• 水平切割
• 垂直切割

（2）图片裁剪

3种：

• 裁剪
• 复制
• 剪切

（3）固定边角范围

其实就是固定图片边角的范围，当我们拉伸图片时，保留边角原有的样式，边角部分不会出现变形。

（4）图片翻转

可以进行水平翻转、垂直翻转。

内容很简单，可手动操作进行一些图片的设置。

有疑问可留言call me。