Capsule Render
Imagem renderizada gerada dinamicamente.
Parâmetros
Clique para exibir/fechar os parâmetros
Nome | Tipo | Obrigatório | Padrão | Descrição | Mais Observações |
---|---|---|---|---|---|
type | string | wave | Tipo de dados criados para alterar a imagem de fundo | Suporta: wave egg shark slice rect soft rounded cylinder waving venom speech blur transparent . | |
color | string | B897FF | Alterar a imagem de fundo | Suporta: auto timeAuto random gradient timeGradient HEX valor ou custom gradient, formato: widthPer:color1,widthPer:color2... . | |
customColorList | string | Seleciona aleatóriamente uma cor para ser indexadas as cores presentes | Formato: idx1,idx2,idx3... , se você quiser que certas cores tenham maior probabilidade de aparecerem, você pode escrever seus índices várias vezes. Isso só vale quando a color (cor) é auto (automática) ou gradient (gradiente). | ||
theme | string | default | Tema | Suporta: default dark radical merko gruvbox_light tokyonight onedark cobalt . Referência de cor do tema: Paletas de Temas. | |
section | string | header | Dados da seção fazem a imagem de fundo inversa | Suporta: header footer . | |
reversal | boolean | false | Inverter a imagem para a esquerda e para a direita (colorir ao mesmo tempo) | ||
height | number | 120 | Alterar o tamanho da image | Unidades: pixels. | |
text | string | Inserir o texto em cima da imagem | Formato: %20 espaçamento -nl- nova linha. | ||
desc | string | Descrição de entrada em cima da imagem | Formato: %20 espaçamento, Nota: -nl- não suporta nova linha. | ||
textBg | boolean | Texto do fundo | |||
animation | string | Criar texto dinamicamente | Suporta: fadeIn scaleIn blink blinking twinkling . | ||
fontColor | string | Alterar a cor do texto | Formato: HEX ex. FF0000 . | ||
fontSize | number | 70 | Alterar tamanho da fonte | Unidades: pixels. | |
fontAlign | number | 50 | Alterar o alinhamento horizontal do texto (x) | Entre 0 e 100 , 50 e centralizado, o texto em multi linha calculará o valor do alinhamento. | |
fontAlignY | number | 50 | Alterar o texto do alinhamento vertical (y) | Entre 0 e 100 , 50 e centralizado, o texto em multi linha calculará o valor do alinhamento. | |
descSize | number | 20 | Alterar o tamanho da fonte (desc) | Unidades: pixels. | |
descAlign | number | 50 | Alterar descrição do alinhamento horizontal (x) | Entre 0 e 100 , 50 e centralizado, o texto em multi linha calculará o valor do alinhamento. | |
descAlignY | number | 60 | Alterar o alinhamento vertical (y) | Entre 0 e 100 , 50 e centralizado, o texto em multi linha calculará o valor do alinhamento. | |
rotate | number | Rotação do texto | Entre -360 e 360 , unidades: degrees (degraus). | ||
stroke | string | Alterar a linha do texto | Formato: HEX ex. FF0000 , se strokeWidth não é alterado, strokeWidth será o valor padrão de 1 . | ||
strokeWidth | number | Alterar largura do traço do texto | Formato: HEX ex. FF0000 , se stroke não é alterado, stroke será o valor padrão de 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}
Exemplos
markdown
<!-- kyechan99/capsule-render -->

markdown
<!-- kyechan99/capsule-render -->
