Spletni vodnik za uporabo "SVG" Viewbox (HTML)
Viewbox je atribut, ki se običajno uporablja pri ustvarjanju oblik SVG . Če pomislite na dokument kot platno, je polje za ogled del platna, ki ga želite videti. Čeprav lahko stran pokriva celoten zaslon računalnika, lahko številka obstaja le v tretji od celote.
Viewbox vam omogoča, da povežite razčlenjevalniku, da povečate to tretjo. Izloča ekstra bel prostor. Pomislite na polje za pregled kot virtualni pristop za obrezovanje slike.
Brez nje bo vaša grafika prikazana tretjino dejanske velikosti.
Vrednosti Viewbox
Če želite obrezati sliko, morate na sliki ustvariti točke, da naredite zmanjšanje. Enako velja, če uporabite atribut okvirja pogleda. Nastavitve vrednosti za ogled vsebujejo:
- minx-začetek x koordinata
- miny-začetni koordinat
- širina -pogled v preglednico
- višina - pogled v preglednico
Sintaksa za vrednosti prikaznega polja je:
viewBox = "0 0 200 150"
Ne zamenjujte širine in višine pogleda s širino in višino, ki ste jo določili za dokument SVG . Ko ustvarite datoteko SVG, je ena od prvih vrednosti, ki jih določite, širina in višina dokumenta. Dokument je platno. Okno za ogled lahko pokriva celotno platno ali samo njen del.
To okno zajema celotno stran.
To okno zajema polovico strani, ki se začne v zgornjem desnem kotu.
Vaša oblika ima tudi naloge višine in širine.
To je dokument, ki pokriva 800 x 400 pik z nabiralnikom, ki se začne v zgornjem desnem kotu in razširi polovico strani. Oblika je pravokotnik, ki se začne v zgornjem desnem kotu pogleda in premakne 100 px na levo in 50 px navzdol.
Zakaj nastaviti okvir za ogled?
SVG naredi veliko več kot samo narisati obliko. Lahko ustvari eno sliko na vrhu druge za učinek sence. Lahko preoblikuje obliko tako, da se nagne v eno smer. Za napredne filtre boste morali razumeti in uporabiti atribut okvirja pogleda.