鸿蒙开发之ArkUI 界面篇 八 svg图标的使用

svg是矢量图，而且这种矢量图，任意放大不失真，可以修改颜色。

一般都是设计师提供，或者是网上找，或者是自己提供，放在media目录下，和加载png图片的方式一样，Image($r('app.media.app_icon')).height(60)，调整宽高也是通过width或者是height来调整，华为提供的图标库地址 HarmonyOS 主题图标库 | icon素材免费下载 | 华为开发者联盟，下载下来就能用哟，例如Image($r('app.media.ic_late')).width(100)，加载了ic_late.svg的图片，并指定款高是100，效果如下:

如果想改变颜色就用fillColor，例如：Image($r('app.media.ic_late')).width(100).fillColor(Color.Pink)，这句话在原来的基础上加了fillColor(Color.Pink)，效果如下图：

如果是png或者是jpeg或者是其他格式的是不能改颜色的，这大大增加了灵活性。