Veebi disainijuhend "SVG" vaateakna (HTML) kasutamiseks
Vaatluskast on atribuut, mida tavaliselt kasutatakse SVG kujundite loomisel. Kui te arvate dokumendist lõuendina, on vaatekast osa lõuendist, mille soovite vaatajalt näha. Kuigi leht võib katta kogu arvutiekraani, võib see arv olla ainult kolmandiku tervikuna.
Vaatekast võimaldab teil mõista, et parser seda kolmandat suurendab. See eemaldab lisavärvi. Mõelge, et vaadata kasti kui virtuaalset lähenemist pildi kärpimiseks.
Ilma selleta ilmub teie graafik kolmandik tegelikust suurusest.
Vaateakna väärtused
Pildi kärpimiseks peate lõikude tegemiseks looma pildile punktid. Sama kehtib ka vaate kasti atribuudi kasutamisel. Vaatekaardi väärtuste seadete hulka kuuluvad:
- minx - algus x koordinaat
- miny - alguse y koordinaat
- vaatekaardi laius-laius
- kuvaaugu kõrgus-kõrgus
Vaateakna väärtuste süntaks on:
viewBox = "0 0 200 150"
Ärge segage kujutise lahtri laiust ja kõrgust SVG- dokumendi jaoks määratud laiusega ja kõrgusega. Kui loote SVG-faili, on üks teie loodud esimesi väärtusi dokumendi laius ja kõrgus. Dokument on lõuend. Vaade kasti võib katta kogu lõuend või ainult selle osa.
Selles vaatekastis on kogu leht.
Selles vaatekastis on pool lehest alustades paremas ülanurgas.
Teie kujul on ka pikkuse ja laiusega seotud ülesanded.
See on dokument, mis katab 800 x 400 pikslit koos vaatekaardiga, mis algab paremas ülanurgas ja laiendab poole lehte. Kuju on ristkülik, mis algab vaatekasti paremas ülanurgas ja liigub 100 px vasakule ja 50 px allapoole.
Miks valida vaatevälja?
SVG teeb palju enamat kui lihtsalt kuju. See võib luua ühe näo teise variandi jaoks variiefekti jaoks. See võib muuta kuju nii, et see kallutab ühte suunda. Täiustatud filtrite jaoks peate mõistma ja kasutama vaate kasti atribuuti.