Skip to content

Capsule Render

生成动态的彩色图像。

ref-reporef-online-toolref-official-doc

参数

点击显示/关闭参数

名称类型必填默认值参数描述更多描述
ref-querys
typestringwave类型数据用于更改背景图像可选值:wave egg shark slice rect soft rounded cylinder waving venom speech blur transparent
colorstringB897FF更改背景图像颜色可选值:auto timeAuto random gradient timeGradient HEX 值 自定义渐变,格式:widthPer:color1,widthPer:color2...
customColorListstring从预设颜色中选择随机出现的颜色下标格式:idx1,idx2,idx3...,如想某些颜色出现概率高可以多写几次下标,仅在 colorautogradient 时生效。
themestringdefault主题可选值:default dark radical merko gruvbox gruvbox_light tokyonight onedark cobalt 主题颜色参考:pallete_theme
sectionstringheader图像显示位置可选值:header footer
reversalbooleanfalse是否左右反转图像(同时反转颜色)
heightnumber120图像高度单位:像素。
textstring标题格式:%20 空格 -nl- 换行。
descstring描述格式:%20 空格,注意:不支持 -nl- 换行。
textBgboolean是否添加文字背景
animationstring文本动画效果可选值:fadeIn scaleIn blink blinking twinkling
fontColorstring字体颜色格式:HEX 例如:FF0000
fontSizenumber70字体大小单位:像素。
fontAlignnumber50标题文字水平对齐可选范围:010050 为居中,多行文本会整体计算对齐值。
fontAlignYnumber50标题文字垂直对齐可选范围:010050 为居中,多行文本会整体计算对齐值。
descSizenumber20描述文字大小单位:像素。
descAlignnumber50描述文字水平对齐可选范围:010050 为居中,多行文本会独立计算对齐值。
descAlignYnumber60描述文字垂直对齐可选范围:010050 为居中,多行文本会整体计算对齐值。
rotatenumber旋转文本可选范围:-360360,单位:度。
strokestring文本描边颜色格式:HEX 例如:FF0000,未设置 strokeWidth 时,strokeWidth 默认为 1
strokeWidthnumber文本描边宽度格式:HEX 例如:FF0000,未设置 stroke 时,stroke 默认为 B897FF
txt
https://capsule-render.vercel.app/api{?type,color,customColorList,theme,section,reversal,height,text,desc,animation,fontColor,fontSize,fontAlign,fontAlignY,descSize,descAlignY,rotate,stroke,strokeWidth}

示例

markdown
<!-- kyechan99/capsule-render -->
![页眉](https://capsule-render.vercel.app/api?type=waving&color=auto&height=300&section=header&text=capsule%20render&fontSize=90&animation=fadeIn&fontAlignY=38&desc=Decorate%20GitHub%20Profile%20or%20any%20Repo%20like%20me!&descAlignY=51&descAlign=62)
页眉
markdown
<!-- kyechan99/capsule-render -->
![页脚](https://capsule-render.vercel.app/api?type=waving&color=auto&height=100&section=footer)
页脚

Badge Collection (v3.0.5) MIT Licensed