Veebipõhine radiaalse gradiendiga pildi generaator

Funktsioonid ja kasutusnäited

Konkreetne näide

Kui soovid luua sotsiaalmeedia postituse tausta mõõtmetega 1200 × 630 pikslit, kasuta vaikimisi värve #3B82F6 (keskpunkt) ja #EC4899 (serv). Keskpunkti jäta 50%, 50% ja skaala 100%. Saadud pildil on keskpunkt täpselt pildi keskel ja gradient ulatub nurkadeni, sest raadius on arvutatud valemiga hüpotenuus / (2 × skaala).

Keskpunkti ja skaala mõju

Kui nihutad keskpunkti 0%, 0%, algab gradient vasakust ülanurgast. Skaala 200% vähendab raadiuse poole võrra, nii et gradient ei ulatu nurkadeni. See võimaldab luua kompaktseid gradiendilaike.

Läbipaistvuse kasutamine

Läbipaistvuse sisselülitamisel teisendatakse protsent alfa-väärtuseks: 25% läbipaistvust tähendab alfat 0.75. See võimaldab luua PNG-pilte, mida saab kasutada kujunduses, kus taust peab olema osaliselt läbipaistev.

Piirangud

Generaator toetab ainult kahte värvipunkti, ei võimalda elliptilist režiimi, täiendavaid värvipunkte ega pildi üleslaadimist. Maksimaalne väljundpikslite arv on 24 miljonit; suuremate mõõtmete korral vähendatakse proportsionaalselt.

Korduma kippuvad küsimused

Kuidas arvutatakse gradiendi raadius?

Raadius on hüpotenuus (kaugus keskpunktist nurgani) jagatud kahekordse skaalaga. Näiteks 1200 × 630 pildi puhul on raadius umbes 677.66 pikslit, kui keskpunkt on 50%, 50% ja skaala 100%.

Kas ma saan kasutada keskpunkti väärtusi 0%?

Jah, 0% on lubatud ja asetab keskpunkti vasakusse ülanurka, mitte ei naase vaikimisi 50% juurde.

Mis juhtub, kui ma sisestan väga suured mõõtmed?

Kui soovitud mõõtmed ületavad 24 miljonit pikslit, vähendatakse mõõtmeid proportsionaalselt, et jääda piirangusse. Pilt genereeritakse brauseris ega laeta üles.

Kontrollnimekiri

• Vali värvid ja mõõtmed
• Määra keskpunkt ja skaala
• Vajadusel lülita läbipaistvus
• Genereeri ja kontrolli tulemust
• Laadi alla PNG