Преглед садржаја
У основи су све фигуре направљене од линија и кривина, у многим случајевима можемо симулирати кривуље користећи врло кратке линије и у великом броју, међутим ово је врло сложено и укључује изузетан рад, ХТМЛ5 а његова практичност нуди нам Лучна метода Помоћу којих можемо развити закривљене линије и на неки начин бити у могућности да употпунимо наше цртеже.Лучна метода
Као што смо споменули на почетку, ова метода нам омогућава генерисање закривљених линија унутар елемента платно без веће сложености, без потребе за увођењем сложених математичких формула као што се то мора учинити у неким програмским језицима.
Пре него што видимо како ова метода функционише, морамо знати њене карактеристике и својства, видећемо их у наставку на следећој листи:
- лук (к, и, рад, звездани кут, угрожавање, правац): Ова метода исцртава криву на координатама (к, и) са радијусом рад, почетни угао је почетни угао а крај угла је англеФинал. Имамо опциони параметар који је адреса и одређује смер којим ће се кретати крива повучена методом.
- арцТо (к1, и1, к2, и2, рад): Ова метода нам омогућава да нацртамо криву на координате (к2, и2) које пролазе координате (к1, и1) и имају радијус рад.
Као што видимо, имамо две основне методе које нам омогућавају све што је потребно да бисмо могли да нацртамо закривљене линије у нашој елемент платна, сада да видимо мали код како бисмо показали како да спроведемо у дело оно што смо управо видели:
Пример Ваш прегледач не подржава платно елемент Закривљену линију у примеру смо направили методом арцТо () што смо претходно описали, за цртање ове криве зависимо од две линије, прва се вуче од краја последње подпуте до тачке описане прва два аргумента методе, а друга линија се вуче из тачке коју описује прва два аргумента до тачке коју описују трећи и четврти аргумент.
Коначно, крива је нацртана као најкраћа линија између последње подпуте и друге тачке која описује криву круга са радијусом наведеним последњим аргументом, тако да можемо видети на шта мислимо, код садржи неке линије референца црвеном бојом. Погледајмо испод слику како ово изгледа у нашем прегледачу:
