Witajcie,
mam napisać kod wg. poniższych punktów. Czy mógłby ktoś troszeczkę rozwinąć każdy punkt o kod? Dalej już sam pokombinuje.
1.Robisz przejrzystego div-a.
2.Do niego przypinasz <canvas>, nadajesz mu wymiary takie jak ma div.
3.Tworzysz znacznik img i do niego ładujesz zdjęcie.
4.Zdjęcie wyświetlasz na canvasie.
5.Rysujesz na canvasie "ścieżkę odcinania".
6.Pobierasz dane z canvasu i w pętli przebiegasz wszystkie piksele w canvasie. W pętli tej sprawdzasz, czy punkt leży wewnątrz ścieżki, czy na zewnątrz (jest na to odpowiednia funkcja). Jeśli punkt leży na zewnątrz ścieżki, to ustawiasz przeźroczystość w kanale alpha.