Media

Media

Kształty

square

round

cover

Proporcje obrazu

cover + 16-9

Osadzony dokument

Iframe wypełnia swoje pole, więc pole określa rozmiar: modyfikator proporcji lub media--wypełnij, aby przyjąć wysokość, którą daje rodzic.

media--fill · actions

16-9

Nakładka

media--bg / media--fg

Widok

Ten sam szkielet co częściowy widok, dla dokumentu, którego adres jest znany dopiero po załadowaniu strony.

Ramka

Obrazek w ramce, z serwera za pomocą media() lub jako komponent vue media: link, gdy prowadzi gdzieś, podpis na dole oraz efekt podświetlenia podczas ładowania lub gdy go nie ma.
Podpis na dole

media() · href · caption

media(null) · placeholder

Mozaika

Obrazki o różnych wysokościach zapakowane obok siebie bez przerw, każdy tak wysoki, jak mówi jego proporcja, kolumny tak liczne, jak pozwala pomieszczenie: wall() rysuje je z serwera, kształt to css/shapes/wall.

Ściana kolekcji

Ta sama ściana jako kolekcja bytów, odczytywana z api strona po stronie, gdy jest przewijana: następna strona pojawia się zanim dotrze się do dołu ściany.

Przytnij

Jaką część obrazu zachować, wybraną na obrazie: obszar się porusza, róg zmienia jego rozmiar, strzałki go przesuwają i z wciśniętym Shift zmieniają rozmiar. Jest to podawane w pikselach obrazu — według czego serwer przycina — a crop() przycina to tutaj, gdy cięcie jest przesyłane. Proporcja to trzyma (1 dla portretu, pokazywanego okrągło), lub jest swobodna, tak jak potrzebuje podpis.