SVG
gebruik
Zoeken…
parameters
Parameter | Details |
---|---|
X | x-ascoördinaat van de linkerbovenhoek |
Y | y-ascoördinaat van de linkerbovenhoek |
breedte | breedte van het element <use> |
hoogte | hoogte van het element <use> |
xlink: href | resource-ID (verwijst naar de ID van een ander element) SVG 2 stelt voor dit af te schrijven en te vervangen door een eenvoudig href-kenmerk |
Opmerkingen
Details zijn te vinden in de W3C-aanbeveling voor SVG en de nieuwe kandidaat-aanbeveling voor SVG2
Een pictogram gebruiken
Het element <use>
wordt vaak gebruikt voor herbruikbare pictogrammen, in samenwerking met het element <symbol>
. Dat ziet er zo uit:
<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>
En het element <use>
:
<svg>
<use xlink:href="#icon-star"/>
</svg>
Het element <use>
kopieert het <symbol>
en geeft het weer. U kunt ook de stijlen op het <symbol>
op afzonderlijke <use>
-elementen overschrijven, bijv
<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
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow