cachaito
11/1/2013 - 5:26 PM

Responsywne SVG

w pliku .svg w tagu <svg> dodać/ zmienić:

   width="128" <- można podać 100%
   height="128"
   preserveAspectRatio="none"
   viewBox='0 0 128 128<- ważne! Pole obrazka
   x=”0px”
   y=”0px”

wstawiamy: 

<object data="images/nopattern-logo.svg" type="image/svg+xml">
Kiwi Logo <!-- fallback image in CSS -->
</object>

Aby powiększyć element - w .css operować na jednostkach w px

Ważne: w stylach dodać do object {style="pointer-events: none;"}
inaczej link wokół object będzie nieklikalny