Sadržaj
The Bezierove krivulje, Oni su vrsta krivulja koje se naširoko koriste u programima za crtanje i grafiku jer nam omogućuju generiranje krivulja s nekim točkama u ravnini, zahvaljujući tome pomoću nekih matematičkih formula možemo postići glatke ili točnije krivulje, koje možemo koristiti za davanje detaljnije ćete pogledati naše karte.U HTML5 imamo mogućnost implementacije Bezierove krivulje Zahvaljujući različitim metodama, možemo uključiti kvadratne i kubične krivulje, ograničenje je da na platnu nemamo vizualnu podršku gdje imamo referentne točke.
Metode generiranja krivulja
Kao što smo već objasnili, Bezierove krivulje su podržane na nekim točkama da bismo mogli napraviti crtež, da bismo postigli željenu krivulju moramo napraviti mnogo eksperimenata, međutim da bismo eksperimentirali moramo prvo znati pozadinu, pa ćemo zatim vidjet ćemo odgovarajuće informacije s metodama koje nam omogućuju crtanje ovih krivulja:
bezierCurveTo (cx1, cy1, cx2, cy2, x, y): Nacrtajte Bezierovu krivulju kubičnog tipa gdje se točke (x, y) susreću pomoću kontrolnih točaka (cx1, cy1) i (cx2, cy2).
kvadratnoCurveTo (cx, xy, x, y): Nacrtajte kvadratnu Bezierovu krivulju na točke (x, y) s kontrolnom točkom (cx, cy).
Već znamo tehnički aspekt s kojim moramo raditi, sada ćemo vidjeti primjer u kodu.
U ovom primjeru ćemo nacrtati kubičnu Bezierovu krivulju, pri čemu ćemo posljednju uzeti kao početnu točku podputanja a zatim pređite na točke posljednja dva argumenta koja metoda prima, dodatno uključuje i funkcionalnost koja ako se pritisne tipka shift ili ctrl na tipkovnici promijeni početnu i završnu točku krivulje.
Primjer Vaš preglednik ne podržava element platno Nakon što imamo kôd, da vidimo što generira u pregledniku, ograničavamo da budući da sadrži dinamički odjeljak, rezultati se mogu razlikovati:
Ovime završavamo ovaj vodič o Bezierovim krivuljama, ključ je eksperimentiranje ako želimo postići složenije učinke koji su vezani uz ono što nam treba.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod
