Na obiekcie Canvas można rysować ścieżki, dzięki którym koniec kursora podczas rysowania ustawia się zawsze na końcu każdej "podścieżki", czy linii. Składnia jest następująca:
context.beginPath();
Metoda ta jest niezbędna przy rysowaniu kształtów, o czym napiszę nieco później.
Przykład 1
Oto przykład rysowania losowego zygzaka linii. W ten sposób zbudowaliśmy pierwszą ścieżkę (aby zobaczyć efekt działania programu kliknij na lupkę pod kodem):
<html> <head> <script> window.onload = function(){ var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); context.lineWidth=2; context.strokeStyle = "#000033"; context.beginPath(); context.moveTo(0,0); for (var i=0; i<20; i++) { var x = Math.random()*300; var y = Math.random()*300; context.lineTo(x,y); } context.stroke(); }; </script> </head> <body> <canvas id="myCanvas" width="300" height="300" style="border:1px solid black;"> </canvas> </body> </html>
Niektóre treści nie są dostosowane do Twojego profilu. Jeżeli jesteś pełnoletni możesz wyrazić zgodę na przetwarzanie swoich danych osobowych. W ten sposób będziesz miał także wpływ na rozwój naszego serwisu.
Drogi Internauto! Aby móc dostarczać coraz lepsze materiały i usługi potrzebujemy Twojej zgody na zapisywanie w pamięci Twojego urządzenia plików cookies oraz na dopasowanie treści marketingowych do Twojego zachowania. Dzięki temu możemy utrzymywać nasze usługi.
Używamy cookies w celach funkcjonalnych oraz w celu tworzenia anonimowych statystyk. Ddbamy o Twoją prywatność.
Aby udzielić nam zgody na profilowanie i remarketing musisz mieć ukończone 16 lat. Brak zgody nie ograniczy w żaden sposób treści naszego serwisu. Udzieloną nam zgodę w każdej chwili możesz wycofać w Polityce prywatności lub przez wyczyszczenie historii przeglądarki.
Brak zgody oznacza wyłączenie profilowania, remarketingu i dostosowywania treści. Reklamy nadal będą się wyświetlać ale w sposób przypadkowy. Nadal będziemy używać zanonimizowanych danych do tworzenia statystyk serwisu. Dalsze korzystanie ze strony oznacza, że zgadzasz się na takie użycie danych.