Veebipõhine lineaarse gradiendiga pildi generaator

Funktsioonid ja näited

Kuidas gradient arvutatakse?

Lineaarne gradient algab lõuendi koordinaadilt (0,0) ja lõpeb punktis, mille koordinaadid on (laius × cos(nurk) / skaala, kõrgus × sin(nurk) / skaala). Skaala 100% tähendab, et vektori pikkus on täpselt lõuendi mõõtmete suunaline. Näiteks vaikeseadistusega (1200×630, nurk 135°, skaala 100%) on lõpp-punkt ligikaudu (−848.53, 445.48). Kui nurk on 0°, kulgeb gradient horisontaalselt vasakult paremale. Skaala suurendamine (nt 200%) lühendab vektori pikkust poole võrra, nii et teine värv saavutatakse varem ja ülejäänud ala täidetakse lõppvärviga – gradient ei kordu.

Läbipaistvuse kasutamine

Kui lülitate sisse läbipaistvuse, saate määrata kummagi värvikanali läbipaistvuse protsendina. Näiteks 25% läbipaistvus tähendab alfaväärtust 0.75, 100% tähendab alfaväärtust 0. Tööriist loob täpselt kaks värvipunkti positsioonidel 0 ja 1 – rohkem punkte, kordusrežiimi, värviruumi valikut ega tekstuuri pole.

Piirangud ja soovitused

Maksimaalne väljundpikslite arv on 24 miljonit. Kui sisestate liiga suured mõõtmed, vähendatakse neid proportsionaalselt, et jääda piksli eelarve piiresse. Seetõttu kontrollige alati, et tekst oleks kontrastne ja pildi kuvasuhe vastaks sihtkohale. Pildi genereerimine toimub täielikult brauseris – ühtegi pilti ei laeta üles.

Korduma kippuvad küsimused

Miks mu gradient ei alga ülemisest vasakust nurgast?

Gradient algab alati koordinaadilt (0,0), mis on lõuendi ülemine vasak nurk. Kuid nurga ja skaala väärtused määravad, kuhu lõpp-punkt jõuab. Näiteks nurga 135° korral liigub gradient alla paremale, kuid kuna positiivne y-telg on allapoole, võib tulemus tunduda erinev tavapärasest matemaatilisest suunast.

Kuidas saavutan, et gradient oleks vähem „venitatud“?

Kasutage skaala väärtust üle 100%, näiteks 200%. See lühendab gradiendi vektorit, nii et värvide üleminek toimub kiiremini ja ülejäänud ala täidetakse lõppvärviga. See on kasulik, kui soovite, et põhiosa pildist oleks ühtlast värvi.

Kas ma saan kasutada läbipaistvat tausta?

Jah, lülitage sisse läbipaistvuse valik ja määrake kummagi värvi läbipaistvusprotsent. Näiteks 100% läbipaistvus muudab värvi täiesti nähtamatuks (alfa 0). Pange tähele, et PNG-vorming toetab läbipaistvust, kuid mõned vaaturid võivad kuvada musta või valge tausta – kontrollige alati lõplikku faili.

Kontrollnimekiri

• Valitud värvid on kontrastsed ja sobivad sihtotstarbega.
• Lõuendi mõõtmed vastavad soovitud kuvasuhtele.
• Nurk ja skaala on seatud vastavalt soovitud gradiendi suunale ja üleminekule.
• Läbipaistvus on sisse lülitatud ainult siis, kui seda tõesti vajate.
• Pärast genereerimist kontrollite eelvaadet ja laadite alla õiges formaadis.