Skip to content

Capsule Render

Imagem renderizada gerada dinamicamente.

ref-reporef-online-toolref-official-doc

Parâmetros

Clique para exibir/fechar os parâmetros

NomeTipoObrigatórioPadrãoDescriçãoMais Observações
ref-querys
typestringwaveTipo de dados criados para alterar a imagem de fundoSuporta: wave egg shark slice rect soft rounded cylinder waving venom speech blur transparent.
colorstringB897FFAlterar a imagem de fundoSuporta: auto timeAuto random gradient timeGradient HEX valor ou custom gradient, formato: widthPer:color1,widthPer:color2....
customColorListstringSeleciona aleatóriamente uma cor para ser indexadas as cores presentesFormato: 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).
themestringdefaultTemaSuporta: default dark radical merko gruvbox_light tokyonight onedark cobalt. Referência de cor do tema: Paletas de Temas.
sectionstringheaderDados da seção fazem a imagem de fundo inversaSuporta: header footer.
reversalbooleanfalseInverter a imagem para a esquerda e para a direita (colorir ao mesmo tempo)
heightnumber120Alterar o tamanho da imageUnidades: pixels.
textstringInserir o texto em cima da imagemFormato: %20 espaçamento -nl- nova linha.
descstringDescrição de entrada em cima da imagemFormato: %20 espaçamento, Nota: -nl- não suporta nova linha.
textBgbooleanTexto do fundo
animationstringCriar texto dinamicamenteSuporta: fadeIn scaleIn blink blinking twinkling.
fontColorstringAlterar a cor do textoFormato: HEX ex. FF0000.
fontSizenumber70Alterar tamanho da fonteUnidades: pixels.
fontAlignnumber50Alterar o alinhamento horizontal do texto (x)Entre 0 e 100, 50 e centralizado, o texto em multi linha calculará o valor do alinhamento.
fontAlignYnumber50Alterar o texto do alinhamento vertical (y)Entre 0 e 100, 50 e centralizado, o texto em multi linha calculará o valor do alinhamento.
descSizenumber20Alterar o tamanho da fonte (desc)Unidades: pixels.
descAlignnumber50Alterar descrição do alinhamento horizontal (x)Entre 0 e 100, 50 e centralizado, o texto em multi linha calculará o valor do alinhamento.
descAlignYnumber60Alterar o alinhamento vertical (y)Entre 0 e 100, 50 e centralizado, o texto em multi linha calculará o valor do alinhamento.
rotatenumberRotação do textoEntre -360 e 360, unidades: degrees (degraus).
strokestringAlterar a linha do textoFormato: HEX ex. FF0000, se strokeWidth não é alterado, strokeWidth será o valor padrão de 1.
strokeWidthnumberAlterar largura do traço do textoFormato: 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 -->
![Cabeçalho do 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)
Cabeçalho do Capsule-Render
markdown
<!-- kyechan99/capsule-render -->
![Rodapé do Capsule-Render](https://capsule-render.vercel.app/api?type=waving&color=auto&height=100&section=footer)
Rodapé do Capsule-Render

Readme Widget Hub (v4.3.0) MIT Licensed