Satura rādītājs
Ir dažādi veidi sekas un pārvērtības ko var uzlikt uz audekla, tas ļauj ģenerēt attēlus, kurus iepriekš varēja iedomāties tikai zibspuldzes un citos līdzīgos rīkos.Starp šiem efektiem ir izveidotas ēnas, kas ļauj atvieglot zīmējumus, kurus mēs iekļaujam savos audeklsPastāv arī pārredzamības efekti, kas ļauj pārklāt vienu elementu uz citu, radot bezgalīgas dizaina varbūtības.
Ēnas
Ēnas ļauj mūsu elementiem piešķirt dziļuma un reljefa efektu, uz audekla mēs varam iekļaut šīs ēnas elementos, jo mums ir šādas īpašības, kas ļauj mums tās pielāgot atkarībā no tā, ko mēs ar tām vēlamies sasniegt:
- shadowBlur: Iestata ēnas asuma pakāpi uz augstāku vērtību, mazāku asumu un lielāku tās izkliedi.
- shadowColor: Ļauj iestatīt ēnas krāsu.
- shadowOffsetX: Iestata ēnas horizontālo izejas punktu.
- shadowOffsetY: Iestata ēnas vertikālo kritiena punktu.
Piemērs Jūsu pārlūkprogramma neatbalsta šo elementu audekls Šajā piemērā mēs izmantojam ēnas taisnstūrim, kā arī tekstam un līknei, redzēsim, kā tas izskatās pārlūkprogrammā:
Lai nodrošinātu pārredzamību, mums ir divi veidi, pirmais ir izmantot rgba funkcija atribūtos fillStyle Y insultsStils; otrs veids, kā mums ir izmantot zīmēšanas īpašību globalAlpha kas attiecas uz universālu.
Tālāk aplūkosim piemēru, izmantojot otro formu, kas ir visvienkāršākā un vistiešākā lietošanā, un mēs uzsveram, ka tajā pieņemtās vērtības globalAlpha ir 0 pilnīgai pārredzamībai Y 1, lai padarītu to pilnīgi necaurspīdīgu, piemēra gadījumā mēs izmantosim 0,5 kā vērtību, kas ļauj mums atrast vidusceļu:
Piemērs Jūsu pārlūkprogramma neatbalsta šo elementu audekls Kā redzam, tas, ko mēs izdarījām, bija uzvilkt taisnstūri virs teksta un pateicoties globalAlpha mēs redzam pārredzamības efektu, kas ļauj novērtēt divus zīmētos skaitļus:
