Axure如何修改SVG矢量图标的颜色

Axure如何修改SVG矢量图标的颜色

Axure已经添加SVG编辑功能,能够进行颜色修改,我们发现导入的矢量图标颜色是黑色,有点不太好看,有些小伙伴希望能够改变颜色,今天就给大家分享一下Axure修改SVG矢量图标颜色的方法。

1、从元件库拖入要使用的图标。 

Axure拖入图标
2、按F5键在浏览器中预览,在浏览器页面中的图标上点击鼠标右键,将其另存到本地。

Axure图片另存为
3、在下载到本地的SVG文件上点击鼠标右键,打开方式选择记事本。如果没有这种打开方式,可以打开任意一个文本文档文件将SVG文件拖入,进行编辑。

Axure打开方式
4、修改文本文档中的图标颜色代码,然后按Ctrl+S键进行保存。

Axure修改代码
5、颜色代码可以在Axure中拖入一个矩形,选择满意的颜色,然后将代码复制,替换文本文档中的颜色代码。

Axure替换文本
6、使用时将改好的SVG图标拖入到Axure画布中,或者在画布中拖入图片元件,双击导入SVG图标。

Axure导入模板

虽然其中好像用到了代码,其实比很简单的步骤,只需掌握颜色代码即可选择自己满意的颜色进行修改,以上内容就是Axure修改SVG矢量图标的颜色的教程,更多感兴趣的教程,点击文章:使用Axure管理团队项目以及分享原型

在线客服
客服邮箱
客服电话
17051276424