README_ml.md

English · 한국어 · Español · Français · Deutsch
简体中文 · 繁體中文 · 繁體粤语 · Português (Brasileiro) · 日本語 · മലയാളം · Русский

Navigation (നാവിഗേഷൻ)

1. എങ്ങനെ ഉപയോഗിക്കാം (How To Use)
2. ടൈപ്പുകൾ
3. നിറം
4. കസ്റ്റം കളർ ലിസ്റ്റ്
5. Theme (തീം)
6. വിഭാഗം
7. റിവേഴ്സൽ
8. ഉയരം
9. ടെക്സ്റ്റ്
10. വിവരണം (Desc)
11. ടെക്സ്റ്റ് ബാക്ക്ഗ്രൗണ്ട്
12. ടെക്സ്റ്റ് അനിമേഷൻ
13. ഫോണ്ട് നിറം
14. FontFamily
15. ഫോണ്ട് വലുപ്പം
16. ഫോണ്ട് അലൈന്മെന്റ് - X
17. ഫോണ്ട് അലൈന്മെന്റ് - Y
18. വിവരണ വലുപ്പം
19. വിവരണ അലൈന്മെന്റ് - X
20. വിവരണ അലൈന്മെന്റ് - Y
21. റൊട്ടേറ്റ്
22. Stroke
23. Stroke-width
24. ഡെമോ

Idea സംബന്ധിച്ച ഏതെങ്കിലും നിർദ്ദേശങ്ങൾ → Idea-Issue അല്ലെങ്കിൽ PR

എങ്ങനെ ഉപയോഗിക്കാം (How To Use)

https://capsule-render.vercel.app/api?

ഈ URL-ന്റെ അവസാനം query parameter ചേർത്താൽ മതി. ഉദാഹരണത്തിന്:

Markdown:

![header](https://capsule-render.vercel.app/api?type=wave&color=auto&height=300&section=header&text=capsule%20render&fontSize=90)

HTML:

<img src="https://capsule-render.vercel.app/api?type=wave&color=auto&height=300&section=header&text=capsule%20render&fontSize=90" />

Types (ടൈപ്പുകൾ)

Type ഉപയോഗിച്ച് ബാക്ക്ഗ്രൗണ്ട് ഇമേജ് മാറ്റാം.

• wave : ഡിഫോൾട്ട്
• egg
• shark
• slice
• rect
• soft
• rounded
• cylinder
• waving
• venom
• speech
• blur
• transparent

URL-ൽ &type= ചേർക്കുക:

![header](https://capsule-render.vercel.app/api?type=slice)

Color (നിറം)

ബാക്ക്ഗ്രൗണ്ട് ഇമേജ് നിറം മാറ്റാം!

• &color=auto : റാൻഡം നിറം (ലിസ്റ്റ് ഇവിടെ)
• &color=timeAuto : സമയം അടിസ്ഥാനമാക്കി റാൻഡം നിറം
• &color=random : പൂർണ്ണമായും റാൻഡം നിറം
• &color=gradient : റാൻഡം ഗ്രേഡിയന്റ് (ലിസ്റ്റ് ഇവിടെ)
• &color=timeGradient : സമയം അടിസ്ഥാനമാക്കിയുള്ള ഗ്രേഡിയന്റ്
• &color=_hexcode : ഡിഫോൾട്ട് (#B897FF)
• &color=_custom_gradient : കസ്റ്റം ഗ്രേഡിയന്റ്
  ഉദാ: &color=0:EEFF00,100:a82da8

auto ഉപയോഗിക്കുമ്പോൾ fontColor മാറ്റേണ്ടതില്ല.

![header](https://capsule-render.vercel.app/api?color=auto)

സ്റ്റാറ്റിക് നിറം ഉപയോഗിക്കുമ്പോൾ '#' എഴുതരുത്.

timeAuto & timeGradient ഒരേസമയം header + footer ഉപയോഗിക്കുമ്പോൾ.

Custom Color List (കസ്റ്റം കളർ ലിസ്റ്റ്)

&color=auto അല്ലെങ്കിൽ &color=gradient ഉപയോഗിക്കുമ്പോൾ റാൻഡം നിറങ്ങളുടെ ലിസ്റ്റ് നിങ്ങൾക്ക് കസ്റ്റമൈസ് ചെയ്യാം.

URL-ൽ &customColorList= ചേർക്കുക.

ഉദാഹരണം:

![header](https://capsule-render.vercel.app/api?color=gradient&customColorList=0,2,2,5,30)

Theme (തീം)

theme= ഉപയോഗിച്ച് മുൻകൂട്ടി നിർവചിച്ച കളർ കോമ്പിനേഷൻ ഉപയോഗിക്കാം.

color & fontColor ഉപയോഗിച്ചാലും theme-ന് മുൻഗണന.

ലിസ്റ്റ്: pallete_theme.json

![reversal](https://capsule-render.vercel.app/api?type=rect&text=RECT&fontAlign=30&fontSize=30&desc=Use%20theme&descAlign=60&descAlignY=50&theme=radical)

Section (വിഭാഗം)

ബാക്ക്ഗ്രൗണ്ട് ഇമേജ് മറിച്ചിടാൻ ഉപയോഗിക്കുന്നു.

• &section=header : ഡിഫോൾട്ട്
• &section=footer

![footer](https://capsule-render.vercel.app/api?section=footer)

---

Reversal (റിവേഴ്സൽ)

ചിത്രം ഇടത്തോട്ടും വലത്തോട്ടും മറിക്കുക. (നിറവും ഒരേസമയം മാറും)

• &reversal=false : (default)
• &reversal=true

![reversal](https://capsule-render.vercel.app/api?type=slice&reversal=true&color=gradient)

Height (ഉയരം)

ചിത്രത്തിന്റെ വലുപ്പം മാറ്റുക. ഡിഫോൾട്ട് മൂല്യം 120 ആണ്.

URL-ൽ &height= എഴുതുക

![header](https://capsule-render.vercel.app/api?height=400)

px എഴുതരുത്

Text (ടെക്സ്റ്റ്)

ചിത്രത്തിന്മുകളിൽ ടെക്സ്റ്റ് ചേർക്കുക.

&text= ഉപയോഗിച്ച് എന്തെങ്കിലും എഴുതുക.

![header](https://capsule-render.vercel.app/api?text=Hello%World!)

ചില പ്രത്യേക പ്രതീകങ്ങൾ ഉപയോഗിക്കാൻ പറ്റില്ല. ഉദാ: '#', '&', '/' ...

API കുഴങ്ങാൻ ഇടയാകും

%20 (സ്പേസ്)യും -nl- (പുതിയ വരി)യും മാത്രം ഉപയോഗിക്കുന്നത് ശുപാർശ ചെയ്യുന്നു

Desc (വിവരണം)

ചിത്രത്തിന്മുകളിൽ വിവരണം (desc) ചേർക്കുക.

&desc= ഉപയോഗിച്ച് എന്തെങ്കിലും എഴുതുക.

![header](https://capsule-render.vercel.app/api?height=400&text=Hello%20World!&desc=Hello%20capsule%20render)

ചില പ്രത്യേക പ്രതീകങ്ങൾ ഉപയോഗിക്കാൻ പറ്റില്ല. ഉദാ: '#', '&', '/' ...

API കുഴങ്ങാൻ ഇടയാകും

%20 (സ്പേസ്)യും -nl- (പുതിയ വരി)യും മാത്രം ഉപയോഗിക്കുന്നത് ശുപാർശ ചെയ്യുന്നു

Text Background (ടെക്സ്റ്റ് ബാക്ക്ഗ്രൗണ്ട്)

ടെക്സ്റ്റിന്റെ പശ്ചാത്തലം.

സജീവമാക്കാൻ &textBg=true എഴുതുക.

പശ്ചാത്തല വലുപ്പം കൂട്ടണമെങ്കിൽ, ടെക്സ്റ്റ് മൂല്യങ്ങൾക്കിടയിൽ %20 ചേർക്കുക. കാരണം പശ്ചാത്തല വലുപ്പം ഇംഗ്ലീഷ് ടെക്സ്റ്റിന്റെ നീളത്തെ ആശ്രയിച്ചിരിക്കുന്നു. (%20 = സ്പേസ്)

![header](https://capsule-render.vercel.app/api?type=rounded&color=gradient&text=%20asdf%20&height=300&fontSize=100&textBg=true)

Text Animation (ടെക്സ്റ്റ് അനിമേഷൻ)

ടെക്സ്റ്റ് ഡൈനാമിക് ആക്കുക.

ഉപയോഗിക്കണമെങ്കിൽ &animation= എഴുതുക.

• fadeIn : fadeIn 1.2s
• scaleIn : scaleIn .8s
• blink : blink .6s
• blinking : blinking 1.6s
• twinkling : twinkling 4s

![header](https://capsule-render.vercel.app/api?text=capsule_render&animation=fadeIn)

FontColor (ഫോണ്ട് നിറം)

ടെക്സ്റ്റിന്റെ നിറം മാറ്റുക. ഡിഫോൾട്ട് മൂല്യം 000000.

മൂല്യം '#' ഇല്ലാത്ത Hex കോഡ് ആയിരിക്കണം.

Text query-ന്റെ പിന്നാലെ &fontColor= എഴുതുക.

![header](https://capsule-render.vercel.app/api?text=Hello%World!&fontColor=d6ace6)

FontFamily

Change text font family.

Write &fontFamily= behind Text query.

Use %20 for spaces in font names.

fontFamily is applied as CSS font-family, but actual rendering depends on fonts available in the rendering environment. If a font is unavailable, fallback fonts are used.

![header](https://capsule-render.vercel.app/api?text=Hello%20World!&fontFamily=Segoe%20UI)

FontSize (ഫോണ്ട് വലുപ്പം)

ടെക്സ്റ്റിന്റെ ഫോണ്ട് വലുപ്പം മാറ്റുക. ഡിഫോൾട്ട് മൂല്യം 70.

Text query-ന്റെ പിന്നാലെ &fontSize= എഴുതുക.

![header](https://capsule-render.vercel.app/api?text=Hello%World!&fontSize=40)

px എഴുതരുത്

FontAlign (ഫോണ്ട് അലൈന്മെന്റ് - X)

ടെക്സ്റ്റിന്റെ horizontal-align (x) മാറ്റുക. 0 മുതൽ 100 വരെ ഒരു സംഖ്യ എഴുതുക.

&fontAlign= : ഡിഫോൾട്ട് മൂല്യം 50 (ചിത്രത്തിന്റെ മധ്യം)

&text= -ൽ (-nl-) ഒന്നിലധികം വരികൾ ഉണ്ടെങ്കിൽ, ഒന്നിലധികം &fontAlign= നൽകിയാൽ ഓരോ വരിക്കും വ്യത്യസ്ത alignment ലഭിക്കും.

![header](https://capsule-render.vercel.app/api?text=Hello%World!&fontAlign=70)

FontAlignY (ഫോണ്ട് അലൈന്മെന്റ് - Y)

ടെക്സ്റ്റിന്റെ vertical-align (y) മാറ്റുക. 0 മുതൽ 100 വരെ ഒരു സംഖ്യ എഴുതുക.

&fontAlignY= : ഒരു വരിക്ക് ഡിഫോൾട്ട് മൂല്യം 50 (ചിത്രത്തിന്റെ മധ്യം).
ഒന്നിലധികം വരികൾ ഉണ്ടെങ്കിൽ അവയെ മധ്യത്തിൽ നിരത്താൻ സ്വയം കണക്കാക്കും.

ഒന്നിലധികം വരികൾ ഉണ്ടെങ്കിൽ, ഒന്നിലധികം &fontAlignY= നൽകിയാൽ ഓരോ വരിക്കും വ്യത്യസ്ത alignment ലഭിക്കും.

![header](https://capsule-render.vercel.app/api?text=Hello%World!&fontAlignY=20)

DescSize (വിവരണ വലുപ്പം)

വിവരണത്തിന്റെ ഫോണ്ട് വലുപ്പം മാറ്റുക. ഡിഫോൾട്ട് മൂല്യം 20.

desc query-ന്റെ പിന്നാലെ &descSize= എഴുതുക.

![header](https://capsule-render.vercel.app/api?text=Hello%World!&fontSize=40&desc=Desc&descSize=30)

px എഴുതരുത്

DescAlign (വിവരണ അലൈന്മെന്റ് - X)

വിവരണത്തിന്റെ horizontal-align (x) മാറ്റുക. 0 മുതൽ 100 വരെ ഒരു സംഖ്യ എഴുതുക.

&descAlign= : ഡിഫോൾട്ട് മൂല്യം 50 (ചിത്രത്തിന്റെ മധ്യം)

![header](https://capsule-render.vercel.app/api?text=Hello%World!&fontAlign=70&desc=Desc&descAlign=20)

DescAlignY (വിവരണ അലൈന്മെന്റ് - Y)

വിവരണത്തിന്റെ vertical-align (y) മാറ്റുക. 0 മുതൽ 100 വരെ ഒരു സംഖ്യ എഴുതുക.

&descAlignY= : ഡിഫോൾട്ട് മൂല്യം 60 (ചിത്രത്തിന്റെ മധ്യം)

![header](https://capsule-render.vercel.app/api?text=Hello%World!&fontAlignY=20&desc=Desc&descAlignY=40)

Rotate (റൊട്ടേറ്റ്)

ടെക്സ്റ്റ് തിരിക്കാൻ &rotate= ഉപയോഗിക്കുക.

നെഗറ്റീവ് സംഖ്യകളും ഉപയോഗിക്കാം.

ശുപാർശ ചെയ്യുന്ന പരിധി: 0 ~ 360, 0 ~ -360.

![header](https://capsule-render.vercel.app/api?text=Hello%World!&fontSize=20&rotate=-30)

Stroke

ടെക്സ്റ്റിന്റെ stroke മാറ്റുക.

query-ന്റെ പിന്നാലെ &stroke= എഴുതുക.

മൂല്യം '#' ഇല്ലാത്ത Hex കോഡ് ആയിരിക്കണം.

![header](https://capsule-render.vercel.app/api?type=rect&height=200&text=Stroke%20Test&fontAlign=70&stroke=00FF00)

strokeWidth ഉപയോഗിച്ച് ചേർത്താൽ കൂടുതൽ നല്ലത്.

ഒറ്റയ്ക്ക് ഉപയോഗിച്ചാൽ strokeWidth ഡിഫോൾട്ട് മൂല്യം 1.

Stroke-width

ടെക്സ്റ്റിന്റെ stroke വീതി മാറ്റുക.

stroke query-ന്റെ പിന്നാലെ &strokeWidth= എഴുതുക.

മൂല്യം 0 അല്ലെങ്കിൽ അതിൽ കൂടുതലായിരിക്കണം.

![header](https://capsule-render.vercel.app/api?type=rect&height=200&text=Stroke%20Test&fontAlign=70&stroke=00FF00&strokeWidth=3)

stroke ഉപയോഗിച്ച് ചേർത്താൽ കൂടുതൽ നല്ലത്.

ഒറ്റയ്ക്ക് ഉപയോഗിച്ചാൽ stroke ഡിഫോൾട്ട് മൂല്യം 'B897FF'.

---

Demo (ഡെമോ)

Wave

Egg

Shark

Slice

Rect

Soft

Rounded

Cylinder

Waving

Transparent

Venom

Speech

Blur

---