比如这样的小尾巴:
这其实是一张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
:插入的值类型,当前仅支持 text
、svg
,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
如果这里没有你想要的参数、效果等,欢迎来提意见~