一种iconfont图标搜索方法和系统技术方案

本发明专利技术公开了一种iconfont图标搜索方法和系统，所述方法包括如下步骤：建立矢量图标的标准图片指纹数据库；获取待检索目标矢量图标的图片，对所述待检索目标矢量图标的图片进行图片预处理；计算预处理后图片的图片指纹，根据计算所得的图片指纹信息和所述标准图片指纹数据库对比；从所述标准图片指纹数据库中提取图片指纹相似度最大的图标为检索目标。所述方法和系统采用图片指纹对比的方式计算检索矢量图标的图片指纹和保存的图标对应的图片指纹相似度，输出最大相似度图片指纹的图标作为最终的目标图标，可以提高检索效率，无需进行文字输入和人工判断。进行文字输入和人工判断。进行文字输入和人工判断。

【技术实现步骤摘要】
一种iconfont图标搜索方法和系统


[0001]本专利技术涉及图标检索
，特别涉及一种iconfont图标搜索方法和系统。

技术介绍

[0002]在前端的计算机程序开发过程中，设计师需要将使用的图标上传至iconfont矢量图标库中，前端开发人员根据设计稿在图标库中寻找需要的图标，加入到项目中使用。现有图标的搜索方法主要依靠文字检索和人眼判断，由于iconfont矢量图标库中的图标数量大，命名规则杂乱，前端开发人员寻找图标需要耗费大量的时间。

技术实现思路

[0003]本专利技术其中一个专利技术目的在于提供一种iconfont图标搜索方法和系统，所述方法和系统通过构建矢量图标的图片数据，通过图片搜索的方式进行矢量svg图标的匹配，可以提高研发人员的图标检索效率，从而提高前端研发效率。
[0004]本专利技术另一个专利技术目的在于提供一种iconfont图标搜索方法和系统，所述方法和系统采用图片指纹对比的方式计算检索矢量图标的图片指纹和保存的图标对应的图片指纹相似度，输出最大相似度图片指纹的图标作为最终的目标图标本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种iconfont图标搜索方法，其特征在于，所述方法包括如下步骤：建立矢量图标的标准图片指纹数据库；获取待检索目标矢量图标的图片，对所述待检索目标矢量图标的图片进行图片预处理：计算预处理后图片的图片指纹，根据计算所得的图片指纹信息和所述标准图片指纹数据库对比；从所述标准图片指纹数据库中提取图片指纹相似度最大的图标为检索目标。2.根据权利要求1所述的一种iconfont图标搜索方法，其特征在于，采用优化的哈希感知算法计算图片指纹，包括如下步骤：将待检索目标矢量图标的图片大小改为36*36像素，并除去图片细节保留纯色部分，计算待检索目标矢量图标的图片每一像素的颜色匹配度，匹配的像素记为1，不匹配的像素记为0，用于构建36*36的二维数组。3.根据权利要求1所述的一种iconfont图标搜索方法，其特征在于，从所述标准图片指纹数据库搜索矢量图标的方法包括：通过选择器选择出所有的svg节点遍历所有svg节点后通过XMLSerializer接口(js内置对象)提供的serializeToString()方法将svg节点序列化为XML字符串，将得到的字符串拼接上“data：image/svg+xml；base64，”得到base64编码，通过所述base64编码传输获取对应的svg图标。4.根据权利要求3所述的一种iconfont图标搜索方法，其特征在于，在获取到所述svg图标后，采用canvas绘制对应svg图标的图片，并通过getImageData()方法获取每个图片的像素数据。5.根据权利要求4所...

【专利技术属性】
技术研发人员：方宇驰，王森元，孙勤，魏美钟，
申请(专利权)人：杭州每刻科技有限公司，
类型：发明
国别省市：