SVG => posługiwać się

Parametry

Parametr	Detale
x	współrzędna osi x lewego górnego rogu
y	współrzędna osi y lewego górnego rogu
szerokość	szerokość elementu `<use>`
wysokość	wysokość elementu `<use>`
xlink: href	identyfikator zasobu (odnosi się do identyfikatora innego elementu) SVG 2 proponuje wycofanie go i zastąpienie go prostym atrybutem href

Uwagi

Szczegóły można znaleźć w Rekomendacji W3C dla SVG, a także w nowej Rekomendacji dla kandydatów dla SVG2

Korzystanie z ikony

Element <use> jest często używany do ikon wielokrotnego użytku, we współpracy z elementem <symbol> . To wygląda tak:

<svg>
    <symbol viewBox="0 0 16 16" id="icon-star">
        <path d="M16 6.216l-6.095-.02L7.98.38 6.095 6.196 0 6.215h.02l4.912 3.57-1.904 5.834h.02l4.972-3.59 4.932 3.59-1.904-5.815L16 6.215" />
    </symbol>
</svg>

I element <use> :

<svg>
    <use xlink:href="#icon-star"/>
</svg>

Element <use> kopiuje <symbol> i wyświetla go. Możesz także przesłonić style w <symbol> na poszczególnych <use> elementach, np

<style>
    .red {
        fill: red;
    }
</style>

<svg>
    <use class="red" xlink:href="#icon-star"/>
</svg>

Modified text is an extract of the original Stack Overflow Documentation

Licencjonowany na podstawie CC BY-SA 3.0

Nie związany z Stack Overflow

SVG
posługiwać się

Szukaj…

Parametry

Uwagi

Korzystanie z ikony