Satura rādītājs
Būtībā visi skaitļi ir veidoti no līnijām un līknēm, daudzos gadījumos mēs varam simulēt līknes, izmantojot ļoti īsas līnijas un lielu skaitu, tomēr tas ir ļoti sarežģīti un ietver izcilu darbu, HTML5 un tā praktiskums mums piedāvā Loka metode Ar ko mēs varam attīstīt izliektas līnijas un kaut kādā veidā spēt papildināt savus zīmējumus.Loka metode
Kā jau minējām sākumā, šī metode ļauj elementā radīt izliektas līnijas audekls bez lielākas sarežģītības, bez nepieciešamības ieviest sarežģītas matemātiskas formulas, kā tas var būt jādara dažās programmēšanas valodās.
Pirms redzat, kā šī metode darbojas, mums jāzina tās īpašības un īpašības, mēs tās redzēsim zemāk esošajā sarakstā:
- loka (x, y, rad, startangle, endangle, direction): Šī metode zīmē līkni koordinātās (x, y) ar rādiusu rad, sākuma leņķis ir sākotnējais leņķis un leņķa beigas ir leņķisFināls. Mums ir izvēles parametrs, kas ir adrese un norāda virzienu, kādā paies ar šo metodi uzvilktā līkne.
- arcTo (x1, y1, x2, y2, rad): Šī metode ļauj mums uzzīmēt līkni uz koordinātām (x2, y2), kas iet garām koordinātām (x1, y1) un kurām ir rādiuss rad.
Kā redzam, mums ir divas pamatmetodes, kas ļauj mums izdarīt visu nepieciešamo, lai spētu savilkt izliektās līnijas audekla elements, tagad aplūkosim nelielu kodu, lai mēs varētu parādīt, kā praktiski īstenot tikko redzēto:
Piemērs Jūsu pārlūkprogramma neatbalsta audekls elements Mēs esam izveidojuši izliekto līniju piemērā, izmantojot metodi arcTo () ko mēs iepriekš aprakstījām, lai izveidotu šo līkni, mēs esam atkarīgi no divām līnijām, pirmā tiek novilkta no pēdējā apakšceļa beigām līdz punktam, kas aprakstīts pirmajos divos metodes argumentos, un otrā līnija tiek vilkta no punkta, kas aprakstīts pirmos divus argumentus līdz punktam, kas aprakstīts trešajā un ceturtajā argumentā.
Visbeidzot, līkne tiek uzzīmēta kā īsākā līnija starp pēdējo apakšceļu un otro punktu, kas apraksta apļa līkni ar rādiusu, kas norādīts pēdējā argumentā, lai mēs varētu redzēt, ko mēs domājam, kods ietver dažas līnijas atsauce sarkanā krāsā. Tālāk redzēsim attēlu, kā tas izskatās mūsu pārlūkprogrammā:
