E Web Design Guide fir de 'SVG' Viewbox (HTML) ze benotzen
Viewbox ass e Attribut, deen allgemeng benotzt gëtt wann Dir SVG Formen maacht. Wann Dir un d'Dokument als Canvas denkt, ass d'Sichtbox en Deel vum Canvas, deen Dir de Betrachter gesitt. Och wann d'Säit den ganzen Computerbild abegraff ass, kann d'Figur nëmmen an engem Drëttel vum ganze Wierk existéieren.
Viewbox erlaabt Iech de Parser ze verstoen op deen drëtten. Et vermëttelt déi extra wäiss Plaz. Denkt drun d'Këscht als en virtuelle Approche fir eng Bild ze ernähren.
Ouni dat ass Är Grafik ee Drëttel vun hirer aktueller Gréisst.
Viewbox Wäerter
Fir e Bild ze ernähren, musst Dir Punkten op der Foto maachen fir de Schnëtt ze maachen. De selwechte Wierk ass beim Benotze vum Attribut vum Këschtbox. Déi Wäert-Astellunge fir Vistingbox beinhalten:
- minx -ter Ufank x -Koordinatioun
- miny -the beginning y Koordinatioun
- Breed-Breit vun der Viskos
- Héicht Héicht vun der Viskos
De Syntax fir Visualiséiere vu Boxen ass:
ViewBox = "0 0 200 150"
Kuckt d'Breet an d'Héicht vun der Viskos net mat der Breed an der Héicht, déi Dir fir de SVG- Dokument festgeluecht hutt. Wann Dir eng SVG-Datei erstellt, ass eng vun den éischte Wäerter déi Dir feststellt, ass d'Dokumentbreedung an d'Héicht. D'Dokument ass eng Canvas. D'Bléckkäst kann d'gesamte Leinwand oder nëmme e Portioun dovunner iwwerdecken.
Dëst Bléckkäpst behandelen d'ganz Säit.
Dëse Bléckkëscht ëmfaasst d'Halschent vun der Säit un an der oberer rechter Ecke.
Är Form ass och Héichte a Wäertverordnungen.
Et ass e Dokument dat 800 x 400 px mat engem Viskos këmmert, deen an der oberer rechter Ecke fänkt an d'Hälschent vun der Säit erweidert. D'Form ass e Rechtepound, deen an der oberer rechter Ecke vun der Sichtbox fänkt an ass 100 px lénks a 50 px vergaangen.
Firwat eng Viewbox oppassen?
SVG mécht vill méi wéi nëmmen eng Form ze zéien. Et kann eng Figur op der anerer Säit fir eng Schattebestëmmung erstellen. Et kann eng Form transforméieren, fir datt se an enger Richtung ëmkéiers. Fir déi fortgeschrattene Filters, musst Dir d'Aart Box attributéieren a benotzen.