Yon Gid Design Web pou Sèvi ak 'SVG' Viewbox (HTML)
Viewbox se yon atribi souvan itilize lè kreye SVG fòm. Si ou panse nan dokiman an kòm yon twal, bwat la View se yon pati nan twal la ou vle visualiseur a yo wè. Menm si paj la ka kouvri ekran òdinatè a tout antye, figi a ka sèlman egziste nan yon tyè nan tout la.
Viewbox pèmèt ou di parser a rale sou sa twazyèm. Li elimine espas siplemantè blan an. Panse a bwat wè kòm yon apwòch vityèl rekòt yon imaj.
San li, grafik ou ap parèt yon twazyèm nan gwosè reyèl li yo.
Worthbox Valè yo
Pou rekòt yon imaj, ou dwe kreye pwen sou foto a fè koupe yo. Menm bagay la tou se vre lè w ap itilize atribi nan bwat gade. Anviwònman yo valè pou Viewbox gen ladan yo:
- minx-kòmansman x kowòdone
- miny -a kòmansman y kowòdone
- lajè-lajè nan Viewbox la
- wotè-wotè nan Viewbox la
Sentaks la pou valè bwat wè a se:
ViewBox = "0 0 200 150"
Pa konfonn lajè a ak wotè bwat la View ak lajè a ak wotè ou mete pou dokiman an SVG . Lè ou kreye yon dosye SVG, youn nan valè yo an premye ou etabli se lajè dokiman ak wotè. Dokiman an se yon twal. Bwat la View ka kouvri kanva a tout antye oswa jis yon pòsyon nan li.
Bwat sa a gade kouvri tout paj la.
Bwat sa a gade mwatye paj la kòmanse nan kwen anwo men dwat-ou.
Fòm ou tou gen devwa wotè ak lajè.
Li se yon dokiman ki kouvri 800 x 400 px ak yon Viewbox ki kòmanse nan kwen anwo men dwat ak ogmante mwatye nan paj la. Fòm la se yon rektang ki kòmanse nan kwen anwo men dwat nan bwat la View ak deplase 100 px sou bò gòch la ak 50 px desann.
Poukisa mete yon Viewbox?
SVG fè pi plis pase jis trase yon fòm. Li ka kreye yon figi sou tèt yon lòt pou yon efè lonbraj. Li ka transfòme yon fòm konsa ke li tilts nan yon direksyon. Pou filtè yo avanse, ou pral bezwen konprann epi sèvi ak atribi nan bwat gade.