【Axure8根基教程】SVG式子图标应用门径先容

　　正在修制Axure原型的时辰会用到许众图标，如下图所示：

　　看到这些图标的时辰，有的人大概会念到.jpg、.png式子的图片，当然.jpg、.png式子的图片也是能够应用的，但不是最佳拣选，这些式子的图片有两个很大的题目

　　1、图片巨细固定，尺寸转化后，无论变大依然变小图片都市失真变得朦胧，正在Axure中便是云云，等比缩放也会失真

　　2、图片颜色无法点窜，念转化颜色是不成的，必需提前就做好

　　以上这两个题目，是很影响原型的天真行和扩展性的

　　咱们该当应用什么式子的图标呢？

　　实在Axure仍旧给咱们供应懂得决计划，3月3日Axure官方发外了Axure RP 8.0.0.3330，该版本发外了一个很苛重的成效，– Convert SVGs into Shapes，将SVG式子转化为式样，Axure RP 8.0.0.3330及以上版本都有此成效

　　SVG是什么呢？

　　SVG可缩放矢量图形（Scalable Vector Graphics）是基于可扩展象征道话（XML），用于描摹二维矢量图形的一种图形式子。

　　平常来讲便是一种能够放大缩小而且不会失真的一种图形式子，用了它，就能够任意转化巨细（最好是等比缩放，否则会变形哦），转化颜色啦！~

　　怎么应用SVG图片？

　　实在Axure自带的有SVG式子的元件库，正在左侧面板元件库里，默认是default的元件库，点击浮现下拉框拣选Icons就能够切换成图标库了

　　拖拽进入编辑面板，就能够转化颜色和巨细了

　　自带图标库不足用奈何办？

　　若是自带的图标库里没有念要的图标或者图标不适当该奈何办呢，正在哪里能够找到能够用的图标库呢？

　　这里我推举一个出格好用的正在线图标库，阿里巴巴矢量图标库【】，内里有出格众的图标，能够通过枢纽字寻求并下载SVG、AI、PNG式子的图标，下面来演示一下应用经过：

　　1、进入阿里巴巴图标库网站，输入枢纽字寻求“编辑”，会浮现许众编辑的图标

　　2、找到念要的图标后，鼠标hover，能够保藏留待后用，这里咱们点击下载按钮，浮现下载弹出框

　　3、这里就厉害啦，能够转化颜色和图标巨细哦，最下方能够SVG下载、AI下载、PNG下载，点击SVG下载就能够获取念要的图标了

　　4、接下来将下载好的图标放入Axure中，右键拣选“转换SVG图片为式样”，如许就取得了能够任意转化颜色和巨细的式样图标了。