[发明专利]一种生成并上传SVG雪碧图的方法有效
| 申请号： | 202110338566.5 | 申请日： | 2021-03-30 |
| 公开（公告）号： | CN112989242B | 公开（公告）日： | 2023-06-13 |
| 发明（设计）人： | 陈恒君;李骏 | 申请（专利权）人： | 多点（深圳）数字科技有限公司 |
| 主分类号： | G06F16/957 | 分类号： | G06F16/957;G06F16/903 |
| 代理公司： | 成都三诚知识产权代理事务所(普通合伙) 51251 | 代理人： | 成实 |
| 地址： | 518000 广东省深圳市福田区福田街*** | 国省代码： | 广东;44 |
| 权利要求书： | 查看更多 | 说明书： | 查看更多 |
| 摘要： | |||
| 搜索关键词： | 一种 生成 上传 svg 雪碧 方法 | ||
1.一种生成并上传SVG雪碧图的方法，其特征在于，包括以下步骤：
步骤1：在Figma中选中要生成SVG文件的所有SVG图标；
步骤2：通过Figma API获取到选中的所有SVG图标；
步骤3：遍历获取到的所有SVG图标，并通过exportAsync获取到所有SVG图标的字节数组，将获取到的字节数组分别转成对应的SVG字符串；
步骤4：通过正则表达式分别抽取SVG字符串中的SVG属性字符串和SVG内容字符串，并生成symbol字符串；所述正则表达式为：
/svg\s*([^]+)＞([\S\s]+)＜∨svg/i抽取SVG字符串中的SVG属性字符串和SVG内容字符串；
步骤5：将获取到的所有的SVG图标所生成的symbol字符串进行合并，得到SVG文件；
步骤6：通过Web API fetch将SVG文件上传到服务器。
2.根据权利要求1所述的一种生成并上传SVG雪碧图的方法，其特征在于，所述步骤1之前还包括在Figma中创建要生成SVG文件的SVG图标。
3.根据权利要求1所述的一种生成并上传SVG雪碧图的方法，其特征在于，所述步骤5之后还包括对SVG文件进行命名。
4.根据权利要求1所述的一种生成并上传SVG雪碧图的方法，其特征在于，所述步骤4中生成smbol字符串包括以下步骤：
A、循环使用正则表达式/(\w+)＝\″([^″]+)\″/g对SVG属性字符串进行匹配，初始化symbol属性对象；
B、使用SVG内容字符串、初始化后的symbol属性对象、SVG图标的名称，生成symbol字符串。
该专利技术资料仅供研究查看技术是否侵权等信息，商用须获得专利权人授权。该专利全部权利属于多点（深圳）数字科技有限公司，未经多点（深圳）数字科技有限公司许可，擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作，请联系【客服】
本文链接：http://www.vipzhuanli.com/pat/books/202110338566.5/1.html，转载请声明来源钻瓜专利网。
