矢量图标的在线配置方法和装置、电子设备及存储介质制造方法及图纸

技术编号:38576903 阅读:35 留言:0更新日期:2023-08-26 23:24
本申请提供了一种矢量图标的在线配置方法和装置、电子设备及存储介质,涉及计算机技术领域。该方法在集成开发环境中将预先建立的图标管理平台集成为图标管理插件;将图标管理插件加载到一个或多个目标项目中;响应于在各目标项目中调用图标管理插件的操作,发出获取一个或多个当前矢量图标的请求,由图标管理插件登录图标管理平台,下载一个或多个当前矢量图标对应的矢量符号文件;通过矢量符号文件使用一个或多个当前矢量图标。本实施例通过图标管理平台可以在线对图标项目进行协作管理,各项目可以便捷地使用矢量图标;并且,可以由图标管理插件登录图标管理平台,下载一个或多个当前矢量图标对应的矢量符号文件,提高使用矢量图标的效率。量图标的效率。量图标的效率。

【技术实现步骤摘要】
矢量图标的在线配置方法和装置、电子设备及存储介质


[0001]本申请涉及计算机
,尤其涉及一种矢量图标的在线配置方法和装置、电子设备及存储介质。

技术介绍

[0002]svg(scalable vector graphics,可缩放的矢量图形)图标(以下简称矢量图标)在前端项目中的使用是十分频繁的,但是对于矢量图标的管理目前却没有特别完美的方案。目前,项目使用矢量图标,要不就以iconfont(图标字体)的形式引入,但是作为iconfont就失去了矢量图标的灵活性,不能更改矢量图标的线段颜色或大小等,对彩色图标兼容性不好;要不就在项目中建立一个单独的文件夹,直接将矢量图标存放在项目中,然后通过svg

sprite

loader(矢量加载程序)插件进行处理,但这样就失去了线上协作功能,UI(User Interface,用户界面)人员没办法直接参与到项目的图标管理中。因此,亟需解决这一技术问题。

技术实现思路

[0003]鉴于上述问题,提出了本申请以便提供一种克服上述问题或者至少部分地本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种矢量图标的在线配置方法,其特征在于,包括:在集成开发环境中将预先建立的图标管理平台集成为图标管理插件;其中,所述图标管理平台对矢量图标进行在线管理;将所述图标管理插件加载到一个或多个目标项目中;响应于在各目标项目中调用图标管理插件的操作,发出获取一个或多个当前矢量图标的请求,由所述图标管理插件登录所述图标管理平台,下载所述一个或多个当前矢量图标对应的矢量符号文件;通过所述矢量符号文件使用所述一个或多个当前矢量图标。2.根据权利要求1所述的方法,其特征在于,所述图标管理平台对矢量图标进行在线管理,包括:所述图标管理平台对矢量图标提供上传、下载、删除或者替换中的一项或多项的在线管理。3.根据权利要求1或2所述的方法,其特征在于,所述图标管理平台对项目进行图标管理,将一个或多个矢量图标文件转换为一个矢量符号文件,提供给项目使用。4.根据权利要求1至3中任一项所述的方法,其特征在于,所述矢量符号文件中包括标识与矢量图标的对应关系;通过所述矢量符号文件使用所述一个或多个当前矢量图标,包括:通过所述矢量符号文件中的各标识,使用各标识对应的所述一个或多个当前矢量图标。5.根据权利要求4所述的方法,其特征在于,通过以下步骤将一个或多个矢量图标文件转换为一个包括标识与矢量图标的对应关系的矢量符号文件:在页面中插入一个或多个矢量图标对应的符号标签,其中符号标签中包含标识信息,建立标识与矢量图标的对应关系,使得将一个或多个矢量图标文件转换为一个包括标识与矢量图标的对应...

【专利技术属性】
技术研发人员:袁俊凯
申请(专利权)人:深圳前海环融联易信息科技服务有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1