Inline SVG
<ec-svg> indlæser en SVG-fil og skriver SVG-markuppen direkte i siden.
Den kopierer attributter fra tag helperen til SVG-roden, scoper interne <style>-regler og omskriver interne id-referencer, så samme SVG kan bruges flere gange på siden.
<ec-svg src="/assets/icons/search.svg" class="icon icon-search" aria-hidden="true"></ec-svg>Hvis src mangler, behandles tagget som et almindeligt SVG-element.
Hvis src ikke har filendelse, antager helperen .svg:
<ec-svg src="/assets/icons/search"></ec-svg>Attributter
Sektion kaldt “Attributter”| Attribut | Beskrivelse |
|---|---|
src |
Sti til SVG-filen. |
exclude-attributes |
Attributnavne der ikke skal kopieres til SVG-roden. |
Alle andre attributter kopieres til SVG-roden. Hvis SVG’en allerede har en attribut med samme navn, gemmes den oprindelige værdi som data-original-*.
Størrelse
Sektion kaldt “Størrelse”SVG-dimensioner læses først fra width/height. Hvis de mangler, bruges viewBox.
Parseren håndterer heltal, decimaler, px-enheder og komma-separeret viewBox.