English
·
한국어
·
Español
·
Français
·
Deutsch
简体中文
·
繁體中文
·
繁體粤语
·
Português (Brasileiro)
·
日本語
·
മലയാളം
Tip
ലളിതമായ Generator പിന്തുണയ്ക്കുന്നു.
എന്നാൽ കൂടുതൽ വിശദമായ ക്രമീകരണങ്ങൾക്ക് README വായിക്കാൻ ശുപാർശ ചെയ്യുന്നു.
Important
This service is provided on a best-effort basis and may be unstable due to usage limits or traffic spikes.
For reliable use, please fork the repository and deploy it to your own Vercel instance (or another hosting platform).
- എങ്ങനെ ഉപയോഗിക്കാം (How To Use)
- ടൈപ്പുകൾ
- നിറം
- കസ്റ്റം കളർ ലിസ്റ്റ്
- വിഭാഗം
- റിവേഴ്സൽ
- ഉയരം
- ടെക്സ്റ്റ്
- വിവരണം (Desc)
- ടെക്സ്റ്റ് ബാക്ക്ഗ്രൗണ്ട്
- ടെക്സ്റ്റ് അനിമേഷൻ
- ഫോണ്ട് നിറം
- ഫോണ്ട് വലുപ്പം
- ഫോണ്ട് അലൈന്മെന്റ് - X
- ഫോണ്ട് അലൈന്മെന്റ് - Y
- വിവരണ വലുപ്പം
- വിവരണ അലൈന്മെന്റ് - X
- വിവരണ അലൈന്മെന്റ് - Y
- റൊട്ടേറ്റ്
- ഡെമോ
Idea സംബന്ധിച്ച ഏതെങ്കിലും നിർദ്ദേശങ്ങൾ → Idea-Issue അല്ലെങ്കിൽ PR
https://capsule-render.vercel.app/api?
ഈ URL-ന്റെ അവസാനം query parameter ചേർത്താൽ മതി. ഉദാഹരണത്തിന്:
Markdown:
HTML:
<img src="https://capsule-render.vercel.app/api?type=wave&color=auto&height=300§ion=header&text=capsule%20render&fontSize=90" />
Type ഉപയോഗിച്ച് ബാക്ക്ഗ്രൗണ്ട് ഇമേജ് മാറ്റാം.
URL-ൽ &type= ചേർക്കുക:
ബാക്ക്ഗ്രൗണ്ട് ഇമേജ് നിറം മാറ്റാം!
&color=auto: റാൻഡം നിറം (ലിസ്റ്റ് ഇവിടെ)&color=timeAuto: സമയം അടിസ്ഥാനമാക്കി റാൻഡം നിറം&color=random: പൂർണ്ണമായും റാൻഡം നിറം&color=gradient: റാൻഡം ഗ്രേഡിയന്റ് (ലിസ്റ്റ് ഇവിടെ)&color=timeGradient: സമയം അടിസ്ഥാനമാക്കിയുള്ള ഗ്രേഡിയന്റ്&color=_hexcode: ഡിഫോൾട്ട് (#B897FF)&color=_custom_gradient: കസ്റ്റം ഗ്രേഡിയന്റ്
ഉദാ:&color=0:EEFF00,100:a82da8
auto ഉപയോഗിക്കുമ്പോൾ fontColor മാറ്റേണ്ടതില്ല.
സ്റ്റാറ്റിക് നിറം ഉപയോഗിക്കുമ്പോൾ '#' എഴുതരുത്.
timeAuto&timeGradientഒരേസമയം header + footer ഉപയോഗിക്കുമ്പോൾ.
&color=auto അല്ലെങ്കിൽ &color=gradient ഉപയോഗിക്കുമ്പോൾ റാൻഡം നിറങ്ങളുടെ ലിസ്റ്റ് നിങ്ങൾക്ക് കസ്റ്റമൈസ് ചെയ്യാം.
URL-ൽ &customColorList= ചേർക്കുക.
ഉദാഹരണം:
theme= ഉപയോഗിച്ച് മുൻകൂട്ടി നിർവചിച്ച കളർ കോമ്പിനേഷൻ ഉപയോഗിക്കാം.
color & fontColor ഉപയോഗിച്ചാലും theme-ന് മുൻഗണന.
ലിസ്റ്റ്: pallete_theme.json
ബാക്ക്ഗ്രൗണ്ട് ഇമേജ് മറിച്ചിടാൻ ഉപയോഗിക്കുന്നു.
§ion=header: ഡിഫോൾട്ട്§ion=footer
ചിത്രം ഇടത്തോട്ടും വലത്തോട്ടും മറിക്കുക. (നിറവും ഒരേസമയം മാറും)
&reversal=false: (default)&reversal=true
ചിത്രത്തിന്റെ വലുപ്പം മാറ്റുക. ഡിഫോൾട്ട് മൂല്യം 120 ആണ്.
URL-ൽ &height= എഴുതുക
pxഎഴുതരുത്
ചിത്രത്തിന്മുകളിൽ ടെക്സ്റ്റ് ചേർക്കുക.
&text= ഉപയോഗിച്ച് എന്തെങ്കിലും എഴുതുക.
ചില പ്രത്യേക പ്രതീകങ്ങൾ ഉപയോഗിക്കാൻ പറ്റില്ല. ഉദാ: '#', '&', '/' ...
API കുഴങ്ങാൻ ഇടയാകും
%20(സ്പേസ്)യും-nl-(പുതിയ വരി)യും മാത്രം ഉപയോഗിക്കുന്നത് ശുപാർശ ചെയ്യുന്നു
ചിത്രത്തിന്മുകളിൽ വിവരണം (desc) ചേർക്കുക.
&desc= ഉപയോഗിച്ച് എന്തെങ്കിലും എഴുതുക.
ചില പ്രത്യേക പ്രതീകങ്ങൾ ഉപയോഗിക്കാൻ പറ്റില്ല. ഉദാ: '#', '&', '/' ...
API കുഴങ്ങാൻ ഇടയാകും
%20(സ്പേസ്)യും-nl-(പുതിയ വരി)യും മാത്രം ഉപയോഗിക്കുന്നത് ശുപാർശ ചെയ്യുന്നു
ടെക്സ്റ്റിന്റെ പശ്ചാത്തലം.
സജീവമാക്കാൻ &textBg=true എഴുതുക.
പശ്ചാത്തല വലുപ്പം കൂട്ടണമെങ്കിൽ, ടെക്സ്റ്റ് മൂല്യങ്ങൾക്കിടയിൽ
%20ചേർക്കുക. കാരണം പശ്ചാത്തല വലുപ്പം ഇംഗ്ലീഷ് ടെക്സ്റ്റിന്റെ നീളത്തെ ആശ്രയിച്ചിരിക്കുന്നു. (%20 = സ്പേസ്)
ടെക്സ്റ്റ് ഡൈനാമിക് ആക്കുക.
ഉപയോഗിക്കണമെങ്കിൽ &animation= എഴുതുക.
fadeIn: fadeIn 1.2sscaleIn: scaleIn .8sblink: blink .6sblinking: blinking 1.6stwinkling: twinkling 4s
ടെക്സ്റ്റിന്റെ നിറം മാറ്റുക. ഡിഫോൾട്ട് മൂല്യം 000000.
മൂല്യം '#' ഇല്ലാത്ത Hex കോഡ് ആയിരിക്കണം.
Text query-ന്റെ പിന്നാലെ &fontColor= എഴുതുക.
Change text font family.
Write &fontFamily= behind Text query.
Use %20 for spaces in font names.
fontFamilyis applied as CSSfont-family, but actual rendering depends on fonts available in the rendering environment. If a font is unavailable, fallback fonts are used.
ടെക്സ്റ്റിന്റെ ഫോണ്ട് വലുപ്പം മാറ്റുക. ഡിഫോൾട്ട് മൂല്യം 70.
Text query-ന്റെ പിന്നാലെ &fontSize= എഴുതുക.
pxഎഴുതരുത്
ടെക്സ്റ്റിന്റെ horizontal-align (x) മാറ്റുക. 0 മുതൽ 100 വരെ ഒരു സംഖ്യ എഴുതുക.
&fontAlign= : ഡിഫോൾട്ട് മൂല്യം 50 (ചിത്രത്തിന്റെ മധ്യം)
&text=-ൽ (-nl-) ഒന്നിലധികം വരികൾ ഉണ്ടെങ്കിൽ, ഒന്നിലധികം&fontAlign=നൽകിയാൽ ഓരോ വരിക്കും വ്യത്യസ്ത alignment ലഭിക്കും.
ടെക്സ്റ്റിന്റെ vertical-align (y) മാറ്റുക. 0 മുതൽ 100 വരെ ഒരു സംഖ്യ എഴുതുക.
&fontAlignY= : ഒരു വരിക്ക് ഡിഫോൾട്ട് മൂല്യം 50 (ചിത്രത്തിന്റെ മധ്യം).
ഒന്നിലധികം വരികൾ ഉണ്ടെങ്കിൽ അവയെ മധ്യത്തിൽ നിരത്താൻ സ്വയം കണക്കാക്കും.
ഒന്നിലധികം വരികൾ ഉണ്ടെങ്കിൽ, ഒന്നിലധികം
&fontAlignY=നൽകിയാൽ ഓരോ വരിക്കും വ്യത്യസ്ത alignment ലഭിക്കും.
വിവരണത്തിന്റെ ഫോണ്ട് വലുപ്പം മാറ്റുക. ഡിഫോൾട്ട് മൂല്യം 20.
desc query-ന്റെ പിന്നാലെ &descSize= എഴുതുക.
pxഎഴുതരുത്
വിവരണത്തിന്റെ horizontal-align (x) മാറ്റുക. 0 മുതൽ 100 വരെ ഒരു സംഖ്യ എഴുതുക.
&descAlign= : ഡിഫോൾട്ട് മൂല്യം 50 (ചിത്രത്തിന്റെ മധ്യം)
വിവരണത്തിന്റെ vertical-align (y) മാറ്റുക. 0 മുതൽ 100 വരെ ഒരു സംഖ്യ എഴുതുക.
&descAlignY= : ഡിഫോൾട്ട് മൂല്യം 60 (ചിത്രത്തിന്റെ മധ്യം)
ടെക്സ്റ്റ് തിരിക്കാൻ &rotate= ഉപയോഗിക്കുക.
നെഗറ്റീവ് സംഖ്യകളും ഉപയോഗിക്കാം.
ശുപാർശ ചെയ്യുന്ന പരിധി:
0 ~ 360,0 ~ -360.
ടെക്സ്റ്റിന്റെ stroke മാറ്റുക.
query-ന്റെ പിന്നാലെ &stroke= എഴുതുക.
മൂല്യം '#' ഇല്ലാത്ത Hex കോഡ് ആയിരിക്കണം.
strokeWidthഉപയോഗിച്ച് ചേർത്താൽ കൂടുതൽ നല്ലത്.ഒറ്റയ്ക്ക് ഉപയോഗിച്ചാൽ strokeWidth ഡിഫോൾട്ട് മൂല്യം 1.
ടെക്സ്റ്റിന്റെ stroke വീതി മാറ്റുക.
stroke query-ന്റെ പിന്നാലെ &strokeWidth= എഴുതുക.
മൂല്യം 0 അല്ലെങ്കിൽ അതിൽ കൂടുതലായിരിക്കണം.
strokeഉപയോഗിച്ച് ചേർത്താൽ കൂടുതൽ നല്ലത്.ഒറ്റയ്ക്ക് ഉപയോഗിച്ചാൽ stroke ഡിഫോൾട്ട് മൂല്യം 'B897FF'.
