Satura rādītājs
Līkņu zīmēšana uz audekla var būt vienkārša vai sarežģīta, viss ir atkarīgs no tā, ko vēlaties sasniegt, jūs varat izveidot interesantus efektus, kurus mēs varētu izmantot, lai savā lapā izveidotu dažas funkcijas, kas izceļas no pārējām veiktajām lapām iekšā HTML5.Viena no lietām, ko mēs varam darīt, ir uzlabot izliektu līniju izveidi, un ar šāda veida rīkiem mēs būsim tuvāk tam, lai nebūtu ierobežojumu, domājot par mūsu lapas iespējām.
Pārvietojot peli, uzzīmējiet līkni
Šis gadījums ir diezgan interesants, jo, pārvietojot peli, mēs zīmējam līkni, turklāt, nospiežot jebkuru tastatūras taustiņu, daži līknes punkti mainās.
Piemēram, ja mēs nospiežam taustiņu ctrl, pirmais punkts, kas norāda apakšceļš, ja nospiežam taustiņu Shift, pārvietosies otrais punkts, kas ir pirmie divi metodes argumenti arcTo () un visbeidzot, ja mēs nenospiežam nevienu taustiņu, trešais punkts, ko attēlo pēdējie divi metodes argumenti, pārvietosies.
Tālāk apskatīsim kodu, ar kuru mēs panākam šos efektus:
Piemērs Jūsu pārlūkprogramma neatbalsta šo elementu audekls Kā redzam, vispirms kodā mēs definējam nospiesto taustiņu notikumu uztveršanas apstrādātāju, tajā mēs nosakām vērtības, kas jāņem.
Tālāk redzēsim ekrānuzņēmumu par to, kā tas varētu izraisīt mūsu pārlūkprogrammu, ir svarīgi pieminēt, ka dinamiski rezultāti var atšķirties, atkārtojot šo piemēru:
Iepriekš mēs izmantojām tikai šo metodi arcTo ()Tagad mēs redzēsim, kā darbojas loka () metode, tās apstrāde ir vieglāka, jo mēs norādām punktu uz audekla, izmantojot pirmos divus argumentus, un pēc tam līknes rādiusu un leņķi.
Apskatīsim šādu piemēru, kā ar šo metodi uzzīmēt trīs veidu līknes:
Piemērs Jūsu pārlūkprogramma neatbalsta šo elementu audekls Tagad apskatīsim, kā tas izskatās mūsu pārlūkprogrammā:
