Jak rysowany jest okręg w canvas?

Odpowiedz Nowy wątek
2019-05-10 09:03
0

Witajcie,

context.arc (srodekX, srodekY, promien, 0, 2 * Math.PI, false);

Metoda ta pozwala na rysowanie łuku stanowiącego wycinek okręgu i określonego przez kąt początkowy i końcowy. Jeśli różnica pomiędzy tymi dwoma kątami będzie wynosić 360 stopni, to w efekcie będzie można narysować pełny okrąg.

Nie rozumiem jak się odbywa tworzenie tego okręgu. Jasne jest tylko dla mnie ustawianie środka i wartości promienia.

Pozostało 580 znaków

2019-05-10 09:08
0

W sensie że nie rozumiesz co się dzieje wewnątrz metody arc(), czy też nie rozumiesz argumentów przekazywanych do jej wywołania?


edytowany 1x, ostatnio: Patryk27, 2019-05-10 09:08
Pokaż pozostałe 5 komentarzy
Do wyznaczenia łuku wystarczy znać jego środek, promień i kąt (co możesz namacalnie sprawdzić patrząc na obrazek); w tym wypadku kąt wyrażony jest w radianach (tzn. Pi = 180 stopni = łuk o długości połowy okręgu). - Patryk27 2019-05-10 17:43
@Patryk27: czyli 0 jest punktem początkowym i jego miejsce to koniec promienia wychodzącego od środka okręgu? - Kubs 2019-05-10 17:47
0 nie może być punktem, chyba że rozmawiamy o świecie jednowymiarowym - przeważnie punkt składa się z dwóch / trzech parametrów. Idąc dalej: niestety nie rozumiem o co pytasz. - Patryk27 2019-05-10 17:48
@Kubs: ogólnie biorąc, "0" może "punktem początkowym" w tym sensie, że punkt ten jest oznaczany np. jako (0, 0) w przestrzeni dwuwymiarowej, lub (0, 0, 0) w przestrzeni trójwymiarowej. Jeśli masz np. punkt (1, 0), to znajduje się on na osi OY, ale nie na osi OX, więc na pewno nie można o nim powiedzieć, że jest punktem "0". - Silv 2019-05-10 22:07
PS. @Kubs ale nie mogę powiedzieć, czy mówienie na punkt (0, 0) po prostu "0" jest poprawne (myślę, że prawie nigdy nie jest poprawne). - Silv 2019-05-10 22:08

Pozostało 580 znaków

2019-05-10 09:38
0

Opis arc().
4 i 5 argument to kąty od których zaczynasz i kończysz rysowanie wycinka okręgu. Podane w radianach (miarę łukową kąta poznałeś w innym wątku).
6 argument to kierunek rysowania tego odcinka. Zgodnie z ruchem wskazówek zegara (false) lub przeciwnie do ruchu wskazówek zegara (true). false jest domyślną wartością więc można jej nie podawać.

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0