Canvas - rysujemy inicjały za pomocą kształtów.

GF - canvas
Dodano: Luty 14 2018

Tak na dobry początek :) Spróbujcie wyrysować za pomocą kształtów swoje inicjały w canvasie

Mogą być trochę psychodeliczne. Może nie przyda się to za bardzo na stronie ale pozwoli Wam na pierwsze starcie z tym rozwiązaniem. Mnie wyszło coś takiego :D Jak nie wiecie od czego zacząć to dodałem sporo podpowiedzi.

  • Pamiętaj żeby wysokość i szerokość  canvasa podać jako argumenty. Np:
  • "Chwyć" element dzięki jego ID np:  var canvas = document.getElementById('dupa');
  • Rysujjemy w 2d więc var jajko = canvas.getContext('2d');
  • Niezapomnij o podstawach czyli:
    • jajko.beginPath(); - zaczynamy ścieżkę
    • jajko.moveTo(340,30); - ustawiamy punkt początkowy
    • jajko.lineTo(100,100); - rysujemy do punktu x,y
    • ...
    • jajko.fillStyle = '#fA0'; - jak skończymy rysować to określamy kolor wypełnienia
    • jajko.fill(); - no i wypełniamy

 

Serwis korzysta z plików cookies w celu świadczenia spersonalizowanych usług na najwyższym poziomie, w tym usług statystycznych oraz w celu dostosowania zawartości do indywidualnych preferencji Użytkowników, zgodnie z Polityką Plików Cookies. Możesz określić warunki przechowywania lub dostępu do plików cookies w Twojej przeglądarce.