Gwida ta 'Disinn tal-Web għall-użu tal-Viewbox' SVG '(HTML)
Viewbox huwa attribut użat komunement meta jinħolqu forom SVG . Jekk taħseb tad-dokument bħala tila, il-kaxxa tal-vista hija parti mill-kanvas li trid tara lit-telespettatur. Għalkemm il-paġna tista 'tkopri l-iskrin tal-kompjuter kollu, iċ-ċifra tista' teżisti biss f'terz tat-total.
Viewbox jippermettilek tgħid lill-parser li ttejjeb dak it-tielet. Jelimina l-ispazju abjad żejjed. Aħseb fil-kaxxa tal-vista bħala approċċ virtwali għall-uċuħ tar-raba 'immaġni.
Mingħajr dan, il-grafika tiegħek tidher terz tad-daqs attwali tagħha.
Valuri tal-vetrina
Biex tħawwad immaġni, trid toħloq punti fuq l-istampa biex tagħmel il-qatgħat. L-istess jgħodd meta tuża l-attribut tal-kaxxa tal-vista. Il-settings tal-valur għal viewbox jinkludu:
- minx - il-bidu x jikkoordina
- Miny - il-bidu u tikkoordina
- wisa 'tal-wisa' tal-kaxxa tal-vista
- għoli - għoli tal-viżjoni
Il-valuri tas-sintassi għall-kaxxa tal-vista huma:
viewBox = "0 0 200 150"
Tħallix il-wisa 'u l-għoli tal-kaxxa tal-vista bil-wisa' u l-għoli li tajt għad-dokument SVG . Meta toħloq fajl SVG, wieħed mill-ewwel valuri li tistabilixxi huwa l-wisa 'u l-għoli tad-dokument. Id-dokument huwa tila. Il-kaxxa tal-viżjoni tista 'tkopri l-kanvas kollu jew biss porzjon minnu.
Din il-kaxxa ta 'viżjoni tkopri l-paġna sħiħa.
Din il-kaxxa tal-vista tkopri nofs il-paġna li tibda fil-kantuniera ta 'fuq tal-lemin.
Il-forma tiegħek għandha wkoll assenjazzjonijiet ta 'għoli u wisa'.
Huwa dokument li jkopri 800 x 400 px b'kaxxa li tibda fir-rokna tal-lemin u tespandi nofs il-paġna. Il-forma hija rettangolu li tibda fir-rokna ta 'fuq tal-lemin tal-kaxxa tal-vista u timxi 100 px fuq ix-xellug u 50 px' l isfel.
Għaliex Issettja Viewbox?
L-SVG jagħmel ħafna aktar milli sempliċement jiġbed forma. Tista 'toħloq figura waħda flimkien ma' oħra għal effett ta 'dell. Hija tista 'tittrasforma forma sabiex iddawwar f'direzzjoni waħda. Għall-filtri avvanzati, ser ikollok bżonn tifhem u tuża l-attribut tal-kaxxa tal-vista.