Viewbox är ett attribut som vanligtvis används när du skapar SVG-former. Om du tänker på dokumentet som en duk, är visningsrutan en del av duken du vill se tittaren. Trots att sidan kan täcka hela datorskärmen, kan siffran endast existera i en tredjedel av helheten.
Viewbox kan du berätta för parsern att zooma in på den tredje. Det eliminerar det extra vita utrymmet. Tänk på visningslåda som ett virtuellt sätt att skära en bild. Utan det kommer din grafik att visas en tredjedel av sin faktiska storlek.
Viewbox-värden
För att beskära en bild måste du skapa poäng på bilden för att göra nedskärningarna. Detsamma gäller när du använder attributet för visningslåda. Värdesinställningarna för visningslåda inkluderar:
minx-Begreppet x-koordinatminy- början y koordinatenbredd-Bredden av viewboxenhöjd-Höjd i visningsrutan
Syntaxen för visningslådans värden är:
viewBox = "0 0 200 150"
Förväxla inte bredden och höjden på visningsrutan med bredden och höjden du ställer in för SVG-dokumentet. När du skapar en SVG-fil, är en av de första värdena du fastställer dokumentbredden och höjden. Dokumentet är en duk. Visningsrutan kan täcka hela duken eller bara en del av det.
Den här rutan täcker hela sidan.
Den här rutan täcker hälften av sidan som börjar i övre högra hörnet.
Din form har också höjd och bredd uppdrag.
Det är ett dokument som täcker 800 x 400 px med en vy som börjar i övre högra hörnet och expanderar hälften av sidan. Formen är en rektangel som börjar i det övre högra hörnet av visningsrutan och flyttar 100 px till vänster och 50 px nedåt.
Varför ställa in en vy?
SVG gör mycket mer än bara en form. Det kan skapa en figur ovanpå en annan för en skuggningseffekt. Det kan förvandla en form så att den lutar i en riktning. För de avancerade filteren måste du förstå och använda attributet för visningslåda.
