Autor Zpráva
gurgen
Profil
Dobrý den, učím se používat svg soubory pro vykreslování ikon do html.

Vše mi v pořádku funguje, zobrazuje se, ale mám problém pochopit atribut
viewbox="0 0 100 100"

Googlim různé anglické stránky, ale pořád z toho nejsem moudrý, spíše hodně zmatený.

Dokázal by mi někdo pomoci a vysvětlit polopatě?

Jedná se mi nyní o to, že pokud použiju více stejných symbolů, odkazuju se na ně pomoci sprite, tak se mi vytváří velká mezera, jako by tam bylo několikanásobné odřádkování.

Pokud vykreslím pouze jeden prvek, tak je v celku jedno, jaká bude velikost 100 100, i když tyto hodnoty nechápu, mezera mezi ohraničení obrázku nebude, ale pokud bych chtěl vykreslit třeba 3 ikony stejné vedle sebe a nechtěl bych každou obalit do tagu <svg><use xlink:href="..."/></svg> ale vložit je
<svg><use xlink:href="..."/>
<use xlink:href="..."/>
<use xlink:href="..."/></svg>

tak musím zadat ještě souřadnice svg aby se mi nevykreslily všechny 3 prvky na sobě, ale jde nyní o to, jaké hodnoty má obsahovat viewbox a následně má být použito v tagu [pre]<use xlink:href="..." x="" y=""/>/pre]

Díky za rady a pomoc

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: