Turinys
Kreivių piešimas ant drobės gali būti paprastas ar sudėtingas, viskas priklauso nuo to, ko norite pasiekti, galite sukurti įdomių efektų, kuriuos galėtume panaudoti kurdami kai kurias savo puslapio funkcijas, kurios išsiskiria iš kitų puslapių į HTML5.Vienas iš dalykų, kuriuos galime padaryti, yra pažangesnis išlenktų linijų kūrimas, naudojant tokio tipo įrankius būsime arčiau apribojimų, kai negalvojame apie tai, ką gali padaryti mūsų puslapis.
Nubrėžkite kreivę judindami pelę
Šis atvejis yra gana įdomus, nes judėdami pele piešiame kreivę, be to, jei paspausime bet kurį klaviatūros klavišą, kai kurie kreivės taškai pasikeis.
Pvz., Jei paspausime klavišą „ctrl“, tai pirmas taškas, rodantis pakeliui, jei paspausime „Shift“ klavišą, judės antrasis taškas, tai yra pirmieji du metodo argumentai arcTo () ir galiausiai, jei nepaspausime jokio klavišo, trečiasis taškas, kurį vaizduoja du paskutiniai metodo argumentai, pajudės.
Toliau pažiūrėkime kodą, kuriuo mes pasiekiame šiuos efektus:
Pavyzdys Jūsų naršyklė nepalaiko šio elemento drobė Kaip matome, pirmiausia kode mes apibrėžiame klavišų, kuriuos paspaudžiame, įvykių priėmimo tvarkytoją, jame nustatome vertes, kurių reikia imtis.
Žemiau pamatysime ekrano kopiją, kaip tai gali atsirasti mūsų naršyklėje, svarbu paminėti, kad esant dinamiškiems rezultatams, atkuriant šį pavyzdį, gali skirtis:
Anksčiau mes naudojome tik šį metodą arcTo ()Dabar pamatysime, kaip veikia „arc ()“ metodas, jį lengviau valdyti, nes per pirmuosius du argumentus nurodome drobės tašką, o tada - kreivės spindulį ir kampą.
Pažiūrėkime šį pavyzdį, kaip šiuo metodu piešti trijų tipų kreives:
Pavyzdys Jūsų naršyklė nepalaiko šio elemento drobė Dabar pažiūrėkime, kaip tai atrodo mūsų naršyklėje:
