Giya sa Pagdisenyo sa Web sa Paggamit sa 'SVG' Viewbox (HTML)
Ang checkbox usa ka kinaiya nga kasagarang gigamit sa paghimo sa mga SVG nga mga porma. Kon maghunahuna ka nga ang dokumento ingon nga usa ka canvas, ang kahon sa pagtan-aw usa ka bahin sa canvas nga gusto nimo makita sa tumatan-aw. Bisan kon ang panid mahimong maglakip sa tibuok nga screen sa computer, ang numero mahimo lamang nga anaa sa usa ka ikatulo nga bahin sa kinatibuk-an.
Ang Viewbox nagtugot kanimo sa pagsulti sa parser aron sa pagpalapad nianang ikatulo. Gikuha niini ang sobrang puti nga luna. Hunahunaa ang kahon sa pagtan-aw isip usa ka binag-ong pamaagi aron mapalit ang usa ka imahe.
Kon wala kini, ang imong graphic magpakita sa ikatulo sa aktwal nga gidak-on niini.
Mga Bili sa Viewbox
Aron makamugna og usa ka imahe, kinahanglan nimong maghimo og mga puntos sa hulagway aron mahimo ang mga pagtibhang. Tinuod usab kini sa paggamit sa kahon sa panglantaw sa kahon. Ang mga setting sa bili alang sa viewbox naglakip sa:
- minx-ang sinugdanan x coordinate
- miny-ang sinugdanan y coordinate
- width -width sa viewbox
- gitas-on -kita sa viewbox
Ang syntax alang sa pagtan-aw sa mga value box mao ang:
viewBox = "0 0 200 150"
Ayaw paglibug sa gilapdon ug gitas-on sa kahon sa pagtan-aw nga adunay gilapdon ug gitas-on nga imong gitakda alang sa SVG nga dokumento. Kung maghimo ka og SVG file, usa sa unang mga sukdanan nga imong gitukod mao ang lapad ug taas nga dokumento. Ang dokumento usa ka canvas. Ang kahon sa panglantaw mahimong maglakip sa tibuok nga canvas o usa lamang ka bahin niini.
Kini nga kahon sa panglantaw naglangkob sa tibuok nga pahina.
Kini nga kahon sa pagtan-aw naglangkob sa katunga sa panid nga nagsugod sa ibabaw nga tuo nga kilid.
Ang imong porma usab adunay gitas-on ug gilapdon nga mga buluhaton.
Kini usa ka dokumento nga naglangkob sa 800 x 400 px nga may displaybox nga nagsugod sa ibabaw nga tuo nga kilid ug nagpalapad sa katunga sa panid. Ang porma usa ka rectangle nga nagsugod sa ibabaw nga tuo nga kilid sa kahon sa panglantaw ug nagpalihok 100 px ngadto sa wala ug 50 px.
Nganong Maghimo ka sa usa ka Viewbox?
Ang SVG labaw pa kay sa pagdrowing og usa ka porma. Kini makahimo sa usa ka numero sa ibabaw sa usa alang sa usa ka epekto sa anino. Kini makahimo sa usa ka porma aron kini maglikay sa usa ka direksyon. Alang sa abante nga mga pagsala, kinahanglan nimo nga masabtan ug gamiton ang hiyas sa panglantaw sa kahon.