Turinys
Iš esmės visi skaičiai sudaryti iš linijų ir kreivių, daugeliu atvejų mes galime imituoti kreives naudodamiesi labai trumpomis linijomis ir dideliais skaičiais, tačiau tai yra labai sudėtinga ir reikalauja išskirtinio darbo, HTML5 ir jos praktiškumas mums siūlo Lanko metodas Kuriais galime sukurti išlenktas linijas ir tam tikru būdu papildyti savo piešinius.Lanko metodas
Kaip minėjome pradžioje, šis metodas leidžia generuoti elemente išlenktas linijas drobė be didesnio sudėtingumo, be poreikio įvesti sudėtingas matematines formules, kaip gali tekti atlikti kai kuriomis programavimo kalbomis.
Prieš matydami, kaip šis metodas veikia, turime žinoti jo charakteristikas ir savybes, jas pamatysime žemiau esančiame sąraše:
- lankas (x, y, rad, startangle, endangle, direction): Šis metodas brėžia kreivę pagal koordinates (x, y) su spinduliu rad, pradžios kampas yra pradinis kampas o kampo galas yra kampasFinalas. Turime pasirenkamą parametrą, kuris yra adresu ir nurodo kryptį, kuria pasuks šiuo metodu nubrėžta kreivė.
- arcTo (x1, y1, x2, y2, rad): Šis metodas leidžia nubrėžti kreivę prie koordinačių (x2, y2), kurios praeina koordinates (x1, y1) ir turi spindulį rad.
Kaip matome, turime du pagrindinius metodus, kurie leidžia mums viską, ko reikia, kad galėtume nubrėžti išlenktas linijas drobės elementas, dabar pažiūrėkime nedidelį kodą, kad galėtume parodyti, kaip praktiškai pritaikyti tai, ką ką tik matėme:
Pavyzdys Jūsų naršyklė nepalaiko drobė elementas Naudodami metodą, pavyzdyje padarėme išlenktą liniją arcTo () kaip aprašėme anksčiau, norėdami nubrėžti šią kreivę, mes priklausome nuo dviejų tiesių, pirmoji yra nubrėžta nuo paskutinio potinkio pabaigos iki taško, aprašyto pirmaisiais dviem metodo argumentais, o antroji-iš taško, aprašyto pirmuosius du argumentus iki trečiojo ir ketvirtojo argumentų.
Galiausiai kreivė nubrėžta kaip trumpiausia linija tarp paskutinio pado kelio ir antrojo taško, apibūdinančio apskritimo, kurio spindulys nurodytas paskutiniame argumente, kreivę, kad galėtume suprasti, ką turime omenyje, kodas apima keletą eilučių nuoroda raudonai. Žemiau pažiūrėkime, kaip tai atrodo mūsų naršyklėje:
