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