Web dizaina ceļvedis, izmantojot 'SVG' Viewbox (HTML)
Skatīt lodziņš ir atribūts, ko parasti izmanto, veidojot SVG formas. Ja jūs domājat par dokumentu kā audeklu, skatu lodziņš ir audekls, kuru vēlaties redzēt skatītājam. Pat ja lapa var aptvert visu datora ekrānu, skaitlis var būt tikai trešajā daļā no kopējā skaita.
Skatīt lodziņš ļauj pateikt analizatoram, lai tuvinātu trešo. Tas novērš papildu balto laukumu. Padomājiet par lodziņu kā virtuālu pieeju, lai apgrieztu attēlu.
Bez tā, jūsu grafiskais attēls parādīsies trešdaļu no tā faktiskā lieluma.
Skatu lodziņa vērtības
Lai apgrieztu attēlu, jums jāveido attēla punkti, lai veiktu izcirtņus. Tas pats attiecas arī uz skatījuma lodziņa atribūtu. Skatu meklētāja vērtības iestatījumos ietilpst:
- minx - sākums x koordinātas
- Minija - sākuma y koordinātas
- platums-skatīšanas joslas platums
- skatuvu augstums-augstums
Skata lodziņu vērtības sintakse ir:
viewBox = "0 0 200 150"
Nejauciet skata lodziņa platumu un augstumu ar SVG dokumenta iestatīto platumu un augstumu. Veidojot SVG failu, viena no pirmajām iestatītajām vērtībām ir dokumenta platums un augstums. Dokuments ir audekls. Skatu lodziņš var aptvert visu audekls vai tikai tā daļu.
Šī lodziņa skats aptver visu lapu.
Šajā lodziņā redzama puse no lapas, sākot augšējā labajā stūrī.
Jūsu formai ir arī augstuma un platuma uzdevumi.
Tas ir dokuments, kas aptver 800 x 400 px ar skatu punktu, kas sākas augšējā labajā stūrī un paplašina pusi no lapas. Forma ir taisnstūris, kas sākas skatu lodziņa augšējā labajā stūrī un pārvietojas pa 100 px pa kreisi un 50 piks.
Kāpēc iestatīt apskatei?
SVG dara daudz vairāk, nekā tikai izveido formu. Tas var radīt vienu skaitli uz augšu uz citu ēnu efektu. Tas var pārveidot formu tā, lai tā virzītu vienā virzienā. Uzlabotiem filtriem jums būs jāsaprot un jāizmanto skatījuma lodziņa atribūts.