给你的小尾巴整点花活(bushi

比如这样的小尾巴:

这其实是一张svg图片,api地址如下,可以直接放在签名那里(可以直接在浏览器打开,稍微可能maybe有点长):

https://iconce.com/api/v1?type=text&w=390&h=35&value=🥰你做出一个很酷的东西出来,想给他起什么名都可以&animate=true&fillType=Linear&primaryColor=%23FC466B&secondaryColor=%233F5EFB&angle=45&radialGlare=false&radius=8&strokeSize=0&strokeColor=%23FFFFFF&strokeOpacity=100&color=%23FFFFFF&size=15&family=cursive

这是我之前写的一个svg图标生成站点 https://iconce.com,提供一个简易的用户界面来快速生成图标,附带类似 shields.io 的通过 API 返回一张图片功能;发现这里也支持放进去,于是加了个接口改了些参数方便适配本站小尾巴。


下面是支持的参数以及部分案例:

&w=100&h=50:整体宽、高

&type=text:插入的值类型,当前仅支持 textsvg,text就是文本字体,svg是单个图标,可以在 https://iconce.com 的左侧面板选择,提供了一千多个

&value=吾皇万岁万岁万万岁:插入的文本,对应type为text类型

&animate=true:是否开启动画背景效果,true/false(纯svg动画实现)

&fillType=Linear:背景色填充类型,Linear: 渐变背景,Solid: 单色背景

&primaryColor=%23FC466B&secondaryColor=%233F5EFB:背景色值,注意值的前三个字符不要改动,只改动后6位,颜色取值可以在 iconce.com 站点右侧面板选取

&angle=45:渐变偏移角度,默认值45°

&radius=8:图片圆角,默认值12

&strokeSize=10:图片边框宽度,默认没有,0

&strokeColor=%23FFFFFF:边框颜色

&strokeOpacity=100:边框透明度,默认值100

&color=%23FFFFFF:value颜色,默认为白色

&size=16:value大小,默认值32

&family=cursive:字体样式,仅type=text时生效,可选值:serif、sans-serif(默认)、monospace、cursive、fantasy、system-ui、math、fangsong


如果这里没有你想要的参数、效果等,欢迎来提意见~

44 个赞

不错哦 谢谢分享

4 个赞

能把原来的底图给我吗,我想写个别的花样

3 个赞

都是纯 svg 合成的,没有底图 :joy:

2 个赞

不错哦

3 个赞

不错不错

3 个赞

挺会玩的

3 个赞

有点意思,点赞 :+1:

3 个赞

test

3 个赞

会玩的,试试看

2 个赞

试试效果

1 个赞

感谢大佬,好用

2 个赞

感谢分享~

2 个赞

不错,以后就用这个啦

4 个赞

不错,可以换这个了 :heart_eyes:

2 个赞

厉害厉害

1 个赞

可以的,挺好看的

1 个赞

牛逼!已经换!

2 个赞

强呀,佬!

2 个赞

看看 uu 们能玩出什么花活:yum:

1 个赞