为彩六搓了个R6 Operators Icons

先上成品效果：

按我的喜好程度排序

R6 Operators Icons：

一个提供 彩虹六号：围攻X 干员SVG图标的API和静态资源库，适用于网页、机器人和创意项目。现在，你可以在你的个人博客上像展示“Skill”一样方便且快捷地展示你擅长/喜爱的干员！

ㅤ

项目已在Github开源，欢迎各位Star！

R6-Operators-Icons

ㅤ

使用例[进攻方]：

https://r6.zyc.su/api/icons?i=recruit_blue,fuze,buck,blitz,montagne,nokk,ash

使用例[防守方]：

https://r6.zyc.su/api/icons?i=recruit_red,rook,kapkan,mute,smoke,jager,azami

支持单个/多个调用，只需要在api后面输入自己想要的干员的英文名称，再用英文的 “ , ” 隔开即可，每行默认15个，自定义参数支持调节，具体看文档。

然后唠一唠为甚搓这个：

起因是最近收拾了一下[个人主页]( zyc.su )，同类主页基本都有个“Skill Show”的栏目，展示的是一些以生产力软件/开发语言为主的图标，我寻思我一菜鸡没必要展示这些啊，思来想去决定整一个彩六相关的“Skill”。

大部分人的Skill

于是网上搜了一圈，没有，原Skill Icon项目也不接受游戏图标Pr，好在代码开源，开搓！

ㅤ

程序部分找了个现成的开源项目：skill icons

拿来用，仅调用图标的部分基本没怎么改，可以直接拿来部署。

ㅤ

图标部分则找了：R6Operators

这是一个专门收集制作R6干员图标的项目，提供SVG和PNG两种格式的干员图标。

ㅤ

当时想：这敢情好啊，估计几分钟就搓完了。

ㅤ

哪想这是头疼的开始，从R6Operators找来的SVG看着很正常，文件丢仓库里也看着挺正常，结果实际上手就拉闸，直接报错文件22行有一些奇怪的信息。

ㅤ

好嘛，打开文件一看，吓一跳，除了必要的图片信息外，密密麻麻一堆的Adobe信息和注释，我就说怎么报错，加上之前这方面没怎么研究过，便开始摸索着清理。

ㅤ

在研究了好一阵子后，不报错能显示了，但又只有底色，又研究了一下，发现R6Operators的SVG是多层绘制的(也正常)，继续研究吧......

ㅤ

过程不多赘述了，你们不感兴趣的，最后是进行了图层合并等操作，终于可以正常展示了，像这样：

很快啊，我又试了试多个调用，拉闸，还是单色。后面看了看，多个图标在一起会合并一些东西，本身图标是多层，再多个图标多层嵌套，套娃下来出问题了。

ㅤ

还能怎么办，改呗。

ㅤ

这一块地方对之前没接触过这方面的我来讲是最头疼的，在经历了各种奇葩bug后，debug半天终于调试好了。

ㅤ

后面顺带解决了一下大小问题，统一大小，看着很舒服。

个人主页示例 [zyc.su]

在别人还在展示Java,Nodejs,Python,Go的时候，我已经在展示我的416秋之鹤和C8黑曜石

秋之鹤

黑曜石

最后：

欢迎各位使用，有不懂的先去看文档，再去问AI，最后再问人，项目个人定义为玩具项目，搓着玩，大家图一乐开心就好，但之后会更新新的干员图标。

后面可能会考虑添加别的游戏的图标，接受Pr。