Sadržaj
Postoje različite vrste učinci i transformacije koje se mogu primijeniti na platno, to omogućuje generiranje slika koje su se prije mogle zamisliti samo u flash -u i drugim sličnim alatima.Među tim efektima imamo stvaranje sjena koje nam omogućuju da olakšamo crteže koje ugrađujemo u naše platnoPostoje i učinci transparentnosti koji nam omogućuju da jedan element stavimo jedan na drugi, generirajući beskonačne vjerojatnosti dizajna.
Nijanse
Sjene nam omogućuju da damo dubinu i reljefni učinak našim elementima, na platnu možemo ugraditi te sjene u elemente, za to imamo sljedeća svojstva koja nam omogućuju da ih prilagodimo ovisno o tome što želimo postići s njima:
- shadowBlur: Postavlja stupanj oštrine sjene na veću vrijednost, manju oštrinu i veću njenu disperziju.
- shadowColor: Omogućuje vam postavljanje boje sjene.
- shadowOffsetX: Postavlja vodoravnu izlaznu točku sjene.
- shadowOffsetY: Postavlja okomitu točku pada sjene.
Primjer Vaš preglednik ne podržava element platno U ovom primjeru primjenjujemo sjene na pravokutnik, kao i tekst i krivulju, da vidimo kako to izgleda u pregledniku:
Za uspostavu transparentnosti imamo dva načina, prvi je korištenje rgba funkcija u atributima fillStyle Y strokeStyle; drugi način koji imamo je korištenje svojstva crteža globalAlpha to vrijedi univerzalno.
Pogledajmo u nastavku primjer korištenja drugog obrasca koji je najjednostavniji i najdirektniji za primjenu, naglašavamo da vrijednosti koje prihvaća globalAlpha su 0 za potpunu transparentnost Y 1 kako bi bio potpuno neproziran, u slučaju primjera koristit ćemo 0,5 kao vrijednost koja nam omogućuje sredinu:
Primjer Vaš preglednik ne podržava element platno Kao što vidimo, ono što smo učinili je nacrtali pravokutnik iznad teksta i zahvaljujući tome globalAlpha vidimo učinak transparentnosti koji nam omogućuje da cijenimo dvije nacrtane brojke:
