Spisie treści
ten krzywe Beziera, Są to rodzaj krzywych szeroko stosowany w programach rysunkowych i graficznych, ponieważ pozwalają nam generować krzywe z pewnymi punktami na płaszczyźnie, dzięki temu za pomocą pewnych wzorów matematycznych możemy uzyskać gładkie lub dokładniejsze krzywe, które możemy wykorzystać do nadania więcej szczegółów do naszych wykresów.w HTML5 mamy możliwość realizacji krzywe Beziera Dzięki różnym metodom możemy zawrzeć krzywe kwadratowe i sześcienne, ograniczeniem jest to, że na płótnie nie mamy wizualnego wsparcia, gdzie mamy punkty odniesienia.
Metody generowania krzywych
Jak już wyjaśniliśmy, krzywe Beziera są podparte w niektórych punktach, aby móc wykonać rysunek, aby uzyskać pożądaną krzywą musimy wykonać wiele eksperymentów, jednak aby poeksperymentować musimy najpierw znać tło, więc następnie musimy zobaczymy odpowiednie informacje z metodami, które pozwolą nam narysować te krzywe:
Krzywa beziera do (cx1, cy1, cx2, cy2, x, y): Narysuj krzywą Beziera typu sześciennego, gdzie punkty (x, y) spotykają się za pomocą punktów kontrolnych (cx1, cy1) i (cx2, cy2).
KwadratowaKrzywaDo (cx, xy, x, y): Narysuj kwadratową krzywą Beziera do punktów (x, y) z punktem kontrolnym (cx, cy).
Znamy już aspekt techniczny, z którym musimy pracować, teraz zobaczymy przykład w kodzie.
W tym przykładzie narysujemy sześcienną krzywą Beziera, gdzie ostatnią weźmiemy jako punkt początkowy ścieżka podrzędna a następnie przenieś go do punktów dwóch ostatnich argumentów, które otrzymuje metoda, dodatkowo zawiera funkcjonalność, że jeśli naciśniemy klawisz Shift lub Ctrl na naszej klawiaturze, punkt początkowy i końcowy krzywej zmieniają się.
Przykład Twoja przeglądarka nie obsługuje elementu płótno Gdy już mamy kod, zobaczmy, co generuje w przeglądarce, ograniczamy, że ponieważ zawiera sekcję dynamiczną, wyniki mogą się różnić:
Na tym kończymy samouczek dotyczący krzywych Beziera, kluczem jest eksperymentowanie, jeśli chcemy osiągnąć bardziej złożone efekty, które są związane z tym, czego potrzebujemy.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt
