"SVG" Ikusizko koadroa (HTML) erabiltzeko Web Diseinuaren gida
Viewbox SVG formak sortzeko erabilitako atributua da. Dokumentua oihal gisa pentsatzen baduzu, ikuspegia koadroa bisorea ikustea nahi duzun mihisearen zati da. Orriak ordenagailuaren pantaila osoa estali dezakeen arren, irudia hirugarrenaren osotasunean bakarrik egon daiteke.
Ikuspegi bertikalak aukera ematen dizu analizatzaileari zinta handitzeko hirugarren horretan. Espazio zuri estua ezabatzen du. Pentsatu ikuspegia koadroa irudia mozteko ikuspegi birtual gisa.
Hori gabe, zure grafikoak tamaina errealeko hirugarren bat agertuko du.
Ikusleen balioak
Irudi bat mozteko, irudian puntuak sortu behar dituzu mozketak egiteko. Gauza bera gertatzen da ikuspegi kutxa atributua erabiltzean. Ikusleen koadroko balioaren ezarpenak honakoak dira:
- minx-hasierako x koordenatua
- miny - hasieratik eta koordinatu
- zabalera-koadroaren zabalera
- altuera - koadro ikuspegia
Ikuspegiaren koadroko balioen sintaxia hau da:
viewBox = "0 0 200 150"
Ez nahastu koadroaren zabalera eta altuera SVG dokumentuarentzako zehaztutako zabalera eta altuera. SVG fitxategia sortzen duzunean, ezartzen dituzun lehenetariko bat dokumentuaren zabalera eta altuera da. Dokumentua mihise bat da. Ikusmen laukiak mihise osoa edo zati bat estaltzen du.
Ikuspegi koadro honek orri osoa estaltzen du.
Ikuspegi koadroak goiko orrialdean hasitako erdia estaltzen du.
Zure forma ere altuera eta zabalera zereginak ditu.
800 x 400 px dokumentu bat da, goiko eskuineko izkinan hasten den koadroko koadro bat eta orriaren erdiak zabaltzen dituena. Forma laukizuzena da, koadroaren goiko eskuineko ertzean hasten dena eta 100 px ezkerrera eta 50 px behera.
Zergatik ezarri kontu bat?
SVG-k forma bat baino gehiago egiten du. Beste baten gainean irudi bat sor dezake itzalaren efektuagatik. Forma bat eraldatu ahal izateko, norabide bakarrekoa da. Iragazki aurreratuak lortzeko, ikuspegi koadroko atributua ulertu eta erabili behar duzu.