Innholdsfortegnelse
Nøkkelen til å ha sterke strukturer er fundamentene, for dette må vi ha sterke og veldefinerte grunnlag, derfor for å kunne bruke elementet til maksimal kapasitet Lerret Først må vi kjenne de grunnleggende aspektene i dybden, og det er derfor vi skal begynne å tegne grunnleggende former, med dette vil vi lære hvordan de forskjellige tegnemetodene fungerer, og deretter kan vi lage mer komplekse komposisjoner.Tegn et rektangel
Rektangelet er en veldig enkel figur som består av 4 sider, la oss se metodene vi har tilgjengelig for å kunne tegne det på lerretet:
- clearRect (x, y, w, h): Renser et rektangel eller en del av et tidligere angitt rektangel.
- fillRect (x, y, w, h): Brukes til å tegne et fylt rektangel.
- strokeRect (x, y, w, h): Brukes til å tegne et rektangel uten fyll.
- x og er grensene for den øvre venstre kanten av rektanglet.
- w h tilsvarer henholdsvis bredde og høyde.
Eksempel Din nettleser støtter ikke elementet lerret I dette eksemplet ser vi at vi definerer noen variabler, der vi sier forskyvning eller begrense hvor rektanglene skal begynne, størrelsen og deretter en var -telling som vil tjene som en teller for å gjøre repetisjonene, så vi ser i neste avsnitt vi vet at vi vil lage rektangler dynamisk, la oss se hvordan de tegnes i vår nettleser:
Ved hjelp av metoden clearRect ()
Hva om vi nå vil rense en del av de fylte rektanglene? For dette har vi metoden clearRect (), i følgende kode vil vi se hvordan det fungerer:
Eksempel Din nettleser støtter ikke elementet lerret For hver repetisjon bruker vi en samtale til metoden clearRect () og når vi gjør algoritmen har vi fått den til å gå gjennom hele midten av de fylte rektanglene, la oss se på bildet nedenfor hvordan den ser ut i nettleseren vår:
Med dette fullfører vi denne opplæringen der vi har kunnet se litt mer i dybden noen metoder som vi kan bruke til å tegne inn elementet vårt Lerret.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng
