« Découvrir le SVG/Manipulations avancées » : différence entre les versions
Contenu supprimé Contenu ajouté
classes |
|||
Ligne 487 :
x="0.5cm" y="0.5cm" width="2cm" height="1cm"
style="fill: red; stroke: blue; stroke-width: 3"
/>
</svg>
</source>
==== Classes ====
On peut définir des classes, c'est-à-dire des styles différenciés. Par exemple :
<source lang="xml">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="3cm" height="4cm" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<title> Rectangle </title>
<desc> Un rectangle </desc>
<defs>
<style type="text/css"><![CDATA[
rect {
stroke-width: 3
}
rect.rougebleu {
fill: red;
stroke: blue;
}
rect.vertjaune {
fill: green;
stroke: yellow;
}
]]></style>
</defs>
<rect class="rougebleu"
x="0.5cm" y="0.5cm" width="2cm" height="1cm"
/>
<rect class="vertjaune"
x="0.5cm" y="2cm" width="2cm" height="1cm"
/>
</svg>
| |||