Capsule Render
Dynamic Coloful Image Render.
Parameters
Click to show/close parameters
| Name | Type | Required | Default | Description | More Description |
|---|---|---|---|---|---|
 | |||||
type | string | wave | Type data makes to change Background Image | Supported: wave egg shark slice rect soft rounded cylinder waving venom speech blur transparent. | |
color | string | B897FF | Change Background Image | Supported: auto timeAuto random gradient timeGradient HEX value or custom gradient, format: widthPer:color1,widthPer:color2.... | |
customColorList | string | Select random color index from preset colors | 格式：idx1,idx2,idx3...，如想某些颜色出现概率高可以多写几次下标，仅在 color 为 auto 或 gradient 时生效。 | ||
theme | string | default | Theme | Supported: default dark radical merko gruvbox_light tokyonight onedark cobalt. Theme color reference: pallete_theme. | |
section | string | header | Section data makes reverse Background Image | Supported: header footer. | |
reversal | boolean | false | Reverse the image left and right (Color at the same time) | ||
height | number | 120 | Change Image Size | Unit: pixels. | |
text | string | Input text over the Image | Format: %20 space -nl- newline. | ||
desc | string | Input desc over the Image | Format: %20 space, Note: -nl- newline is not supported. | ||
textBg | boolean | Background of Text | |||
animation | string | Make the text dynamic | Supported: fadeIn scaleIn blink blinking twinkling. | ||
fontColor | string | Change text color | Format: HEX e.g. FF0000. | ||
fontSize | number | 70 | Change text font size | Unit: pixels. | |
fontAlign | number | 50 | Change text horizontal-align (x) | Bettwen 0 and 100, 50 is center, multi-line text will calculate the alignment value. | |
fontAlignY | number | 50 | Change text vertical-align (y) | Bettwen 0 and 100, 50 is center, multi-line text will calculate the alignment value. | |
descSize | number | 20 | Change desc font size | Unit: pixels. | |
descAlign | number | 50 | Change desc horizontal-align (x) | Bettwen 0 and 100, 50 is center, multi-line text will calculate the alignment value. | |
descAlignY | number | 60 | Change desc vertical-align (y) | Bettwen 0 and 100, 50 is center, multi-line text will calculate the alignment value. | |
rotate | number | Rotate text | Bettwen -360 and 360, unit: degrees. | ||
stroke | string | Change text stroke | Format: HEX e.g. FF0000, if strokeWidth is not set, strokeWidth will default to 1. | ||
strokeWidth | number | Change text stroke width | Format: HEX e.g. FF0000, if stroke is not set, stroke will default to 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}Examples
markdown
<!-- kyechan99/capsule-render -->
markdown
<!-- kyechan99/capsule-render -->
