Turinys
Tvirtų konstrukcijų raktas yra pamatai, nes tam turime turėti tvirtus ir aiškiai apibrėžtus pamatus, todėl, kad galėtume maksimaliai išnaudoti elementą Drobė Pirmiausia turime nuodugniai žinoti pagrindinius aspektus, todėl pradėsime piešti pagrindines figūras, iš to sužinosime, kaip veikia skirtingi piešimo metodai, ir tada galime sukurti sudėtingesnes kompozicijas.Nubrėžkite stačiakampį
Stačiakampis yra labai paprasta figūra, kurią sudaro 4 kraštinės, pažiūrėkime, kokius metodus turime, kad galėtume piešti ant drobės:
- clearRect (x, y, w, h): Išvalo stačiakampį arba anksčiau nurodyto stačiakampio dalį.
- fillRect (x, y, w, h): Naudojamas nupiešti užpildytą stačiakampį.
- insultasRect (x, y, w, h): Naudojamas piešti stačiakampį be užpildo.
- x ir yra viršutinio kairiojo stačiakampio krašto ribos.
- w val atitinkamai atitinka plotį ir aukštį.
Pavyzdys Jūsų naršyklė nepalaiko šio elemento drobė Šiame pavyzdyje matome, kad apibrėžiame kai kuriuos kintamuosius, kur sakome kompensuoti arba apriboti, kur prasidės stačiakampiai, dydis ir tada kintamųjų skaičius, kuris bus naudojamas kaip skaitiklis pakartojimams atlikti, todėl kitame skyriuje matome, kad stačiakampius kursime dinamiškai, pažiūrėkime, kaip jie nubrėžti naršyklė:
Naudojant clearRect () metodą
Ką daryti, jei dabar norime išvalyti dalį užpildytų stačiakampių? Tam mes turime metodą clearRect (), šiame kode pamatysime, kaip tai veikia:
Pavyzdys Jūsų naršyklė nepalaiko šio elemento drobė Kiekvienam kartojimui metodui taikomas skambutis clearRect () ir atlikdami algoritmą, kurį atlikome per visą užpildytų stačiakampių centrą, pažiūrėkime, kaip jis atrodo mūsų naršyklėje:
Tuo baigiame šią pamoką, kurioje galėjome šiek tiek išsamiau pamatyti kai kuriuos metodus, kuriuos galime panaudoti savo elemento sudarymui Drobė.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką
