Glatko pomicanje na vrh predstavlja problem jer korisnicima može otežati navigaciju web stranicom.
window.scroll({
top: 0,
left: 0,
behavior: 'smooth'
});
Ova linija koda koristi metodu pomicanja na objektu prozora. Metoda pomicanja uzima objekt kao argument sa svojstvima gore, lijevo i ponašanje. Svojstva top i left postavljena su na 0, što znači da će se prozor pomaknuti u gornji lijevi kut stranice. Svojstvo ponašanja postavljeno je na 'smooth', što znači da će se prozor glatko pomicati umjesto da skače u gornji lijevi kut.
zamućenje
U JavaScriptu, zamućivanje je tehnika koja se koristi za omekšavanje obrisa objekta ili piksela. To se postiže izračunavanjem prosjeka vrijednosti boja susjednih piksela.
Sljedeći kôd pokazuje kako zamutiti sliku u JavaScriptu:
var img = nova slika(); img.src = “./image.jpg”; img.blur(5); // Postavlja radijus zamućenja na 5 piksela var output = img.toDataURL();
Slike
Slike su moćan alat u JavaScriptu. Omogućuju vam predstavljanje slika kao objekata i možete ih koristiti za predstavljanje podataka u svom kodu.
Slike možete koristiti za predstavljanje podataka u svom kodu pomoću funkcije image(). Ova funkcija uzima naziv slikovne datoteke kao argument i vraća novi objekt koji predstavlja sliku.
Funkcija image() vraća objekt koji ima nekoliko svojstava. Prvo svojstvo je naziv datoteke slike. Drugo svojstvo su dimenzije slike. Treće svojstvo je objekt koji sadrži informacije o boji svakog piksela na slici. Četvrto svojstvo je objekt koji sadrži informacije o prozirnosti svakog piksela na slici. Peto svojstvo je objekt koji sadrži informacije o tome koliko prostora zauzima svaki piksel na slici.
Ova svojstva možete koristiti za pristup određenim dijelovima slike. Na primjer, možete koristiti svojstva širine i visine da biste dobili informacije o tome koliko je široka ili visoka slika, a možete koristiti svojstva boje i prozirnosti da biste dobili informacije o tome koliko boja i koliko prozirnih piksela ima na slici.
