Съдържание
The Криви на Безие, Те са вид криви, широко използвани в програми за рисуване и графики, тъй като ни позволяват да генерираме криви с някои точки в равнината, благодарение на това с някои математически формули можем да постигнем гладки или по -точни криви, които можем да използваме, за да дадем ще разкажете повече за нашите графики.В HTML5 имаме възможност да приложим Криви на Безие Благодарение на различни методи можем да включим квадратни и кубични криви, ограничението е, че върху платното нямаме визуална опора за това къде имаме референтните точки.
Методи за генериране на криви
Както вече обяснихме, кривите на Безие се поддържат в някои точки, за да можем да направим чертежа, за да постигнем желаната крива, трябва да направим много експерименти, но за да експериментираме, първо трябва да знаем фона, така че следващото ще видим съответната информация с методите, които ни позволяват да начертаем тези криви:
bezierCurveTo (cx1, cy1, cx2, cy2, x, y): Начертайте крива на Безие от кубичен тип, където точките (x, y) се срещат, използвайки контролните точки (cx1, cy1) и (cx2, cy2).
quadraticCurveTo (cx, xy, x, y): Начертайте квадратична крива на Безие към точките (x, y) с контролната точка (cx, cy).
Вече знаем техническия аспект, с който трябва да работим, сега ще видим пример в кода.
В този пример ще нарисуваме кубична крива на Безие, където ще вземем последната като отправна точка под-пътека и след това го насочете към точките на последните два аргумента, които методът получава, освен това той включва функционалност, която ако натиснем клавиша shift или ctrl на клавиатурата, началната и крайната точка на кривата се променят.
Пример Вашият браузър не поддържа елемента платно След като имаме кода, нека видим какво генерира в браузъра, ограничаваме това, тъй като съдържа динамичен раздел, резултатите могат да варират:
С това завършваме този урок по кривите на Безие, ключът е експериментирането, ако искаме да постигнем по -сложни ефекти, които са свързани с това, от което се нуждаем.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка
