recursal/MDN huggingface dataset:
<feDisplacementMap>
===================

La primitive de filtre SVG **`<feDisplacementMap>`** utilise les valeurs de pixel de l'image de `in2 (en-US)` pour déplacer spatialement l'image de `in`.

La formule utilisée pour la transformation est comme suit:
```

P'(x,y) ← P( x + scale * (XC(x,y) - 0.5), y + scale * (YC(x,y) - 0.5))
```


où `P(x,y)` est l'image en entrée, `in`, et `P'(x,y)` est la destination. `XC(x,y)` et `YC(x,y)` sont les valeurs des composants du canal désigné par `xChannelSelector (en-US)` et `yChannelSelector (en-US)`.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément de primitive de filtre |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :`<animate>`, `<set>` (en-US) |

Attributs
---------

### Attributs globaux

* Attributs de base
* Attributs de présentation
* Attributs de primitive de filtre
* `class (en-US)`
* `style`
### Attributs spécifiques

* `in`
* `in2 (en-US)`
* `scale (en-US)`
* `xChannelSelector (en-US)`
* `yChannelSelector (en-US)`
Interface DOM
-------------

Cet élément implémente l'interface `SVGFEDisplacementMapElement` (en-US).

Exemple
-------


```html
<svg
 width="200"
 height="200"
 viewBox="0 0 220 220"
 xmlns="http://www.w3.org/2000/svg">
  <filter id="displacementFilter">
    <feTurbulence
 type="turbulence"
 baseFrequency="0.05"
 numOctaves="2"
 result="turbulence" />
    <feDisplacementMap
 in2="turbulence"
 in="SourceGraphic"
 scale="50"
 xChannelSelector="R"
 yChannelSelector="G" />
  </filter>

  <circle cx="100" cy="100" r="100" style="filter: url(#displacementFilter)" />
</svg>
```

Spécifications
--------------

| Specification |
| --- |
| Filter Effects Module Level 1 # feDisplacementMapElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<filter>`
* `<animate>`
* `<set>` (en-US)
* `<feBlend>`
* `<feColorMatrix>`
* `<feComponentTransfer>`
* `<feComposite>`
* `<feConvolveMatrix>`
* `<feDiffuseLighting>`
* `<feFlood>`
* `<feGaussianBlur>`
* `<feImage>`
* `<feMerge>`
* `<feMorphology>`
* `<feOffset>`
* `<feSpecularLighting>`
* `<feTile>`
* `<feTurbulence>`
* Tutoriel SVG: Filtres
animateMotion
=============

L'élément **`<animateMotion>`** permet d'animer un élément le long d'un chemin donné.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément d'animation |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :Éléments descriptifs`<mpath>` |

Attributs
---------

### Attributs globaux

* Attributs à traitement conditionnel »
* Attributs fondamentaux »
* Attributs d'événements d'animation »
* Attributs XLink »
* Attributs d'animation de timing »
* Attributs d'animation de valeurs »
* Attributs d'animation d'ajout »
* `externalResourcesRequired`
### Attributs spécifiques

* `calcMode (en-US)`
* `path (en-US)`
* `keyPoints (en-US)`
* `rotate (en-US)`
* `origin (en-US)`
Interface DOM
-------------

Cet élément implémente l'interface `SVGAnimateMotionElement` (en-US).

Exemple
-------

### SVG


```html
<?xml version="1.0"?>
<svg
 width="120"
 height="120"
 viewBox="0 0 120 120"
 xmlns="http://www.w3.org/2000/svg"
 version="1.1"
 xmlns:xlink="http://www.w3.org/1999/xlink">
  <!-- Dessine le chemin en gris, avec 2 cercles aux extrémités -->
  <path
 d="M10,110 A120,120 -45 0,1 110 10 A120,120 -45 0,1 10,110"
 stroke="lightgrey"
 stroke-width="2"
 fill="none"
 id="theMotionPath" />
  <circle cx="10" cy="110" r="3" fill="lightgrey" />
  <circle cx="110" cy="10" r="3" fill="lightgrey" />

  <!-- Cercle rouge qui sera déplacé le long du chemin. -->
  <circle cx="" cy="" r="5" fill="red">
    <!-- Définit l'animation -->
    <animateMotion dur="6s" repeatCount="indefinite">
      <mpath xlink:href="#theMotionPath" />
    </animateMotion>
  </circle>
</svg>
```

### Résultat

Spécifications
--------------

| Specification |
| --- |
| SVG Animations Level 2 # AnimateMotionElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<mpath>`
<path>
======

L'élément `path` est l'élément générique pour définir une forme. Toutes les formes basiques peuvent aussi être faites à partir de `path`.

Usage
-----

|  |  |
| --- | --- |
| Catégories | Élément graphique, Élément de forme |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :Éléments d'animationÉléments descriptifs |

Exemple
-------


```xml
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 400 400"
 xmlns="http://www.w3.org/2000/svg" version="1.1">

  <path d="M 100 100 L 300 100 L 200 300 z"
 fill="red" stroke-width="3" />
</svg>
```

Attributs
---------

### Attributs Globaux

* Attributs conditionnels »
* Attributs centraux »
* Attributs d'événements graphiques »
* Attributs de présentation »
* `class (en-US)`
* `style`
* `externalResourcesRequired`
* `transform`
### Attributs spécifiques

* `d`
* `pathLength (en-US)`
Interface DOM
-------------

Cet élément implémente l'interface `SVGPathElement`.

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<circle>`
* `<ellipse>`
* `<line>`
* `<polygon>`
* `<polyline>`
* `<rect>`
* The MDN SVG "Getting Started" tutorial : Path
<feFuncB>
=========

La primitive de filtre SVG **`<feFuncB>`** doit être placée dans une balise `<feComponentTransfer>` et elle définit la fonction de transfert pour le canal bleu de l'image en entrée.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Aucune |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :`<animate>`, `<set>` (en-US) |

Attributs
---------

### Attributs globaux

* Attributs de base
* Attributs de fonction de transfert
### Attributs spécifiques

*Aucun.*

Interface DOM
-------------

Cet élément implémente l'interface `SVGFEFuncBElement` (en-US).

Spécifications
--------------

| Specification |
| --- |
| Filter Effects Module Level 1 # feFuncBElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<filter>`
* `<animate>`
* `<set>` (en-US)
* `<feComponentTransfer>`
* `<feFuncA>`
* `<feFuncR>`
* `<feFuncG>`
* Tutoriel SVG: Filtres
animateTransform
================

L'élément **`<animateTransform>`** permet d'animer un élement en appliquant une transformation: translation, mise à l'échelle, rotation et/ou inclinaison.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément d'animation |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :Éléments descriptifs |

Exemple
-------


```html
<?xml version="1.0"?>
<svg
 width="120"
 height="120"
 viewBox="0 0 120 120"
 xmlns="http://www.w3.org/2000/svg"
 version="1.1"
 xmlns:xlink="http://www.w3.org/1999/xlink">
  <polygon points="60,30 90,90 30,90">
    <animateTransform
 attributeName="transform"
 attributeType="XML"
 type="rotate"
 from="0 60 70"
 to="360 60 70"
 dur="10s"
 repeatCount="indefinite" />
  </polygon>
</svg>
```

Attributs
---------

### Attributs globaux

* Attributs de traitement conditionnel »
* Attributs de base »
* Attributs de l'évènement d'animation »
* Attributs Xlink »
* Attributs de ciblage d'animation »
* Attributs de chronométrage d'animation »
* Attributs de valeur d'animation »
* Attributs d'ajout d'animations »
* `externalResourcesRequired`
### Attributs spécifiques

* `by (en-US)`
* `from (en-US)`
* `to (en-US)`
* `type (en-US)`
Interface DOM
-------------

Cet élément implémente l'interface `SVGAnimateTransformElement` (en-US).

Spécifications
--------------

| Specification |
| --- |
| SVG Animations Level 2 # AnimateTransformElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
<feMerge>
=========

La primitive de filtre SVG **`<feMerge>`** permet d'empiler les résultats de différentes opérations de filtre les uns par dessus les autres. La liste des images à empiler est définit par une liste d'élément `<feMergeNode>` à l'intérieur de la balise. Pour y parvenir, stocker au préalable les résultats des filtres voulus dans un buffer temporaire grâce à l'attribut `result (en-US)`.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément de primitive de filtre |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :`<feMergeNode>` |

Exemple
-------

### SVG


```html
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <filter id="feOffset" x="-40" y="-20" width="100" height="200">
    <feOffset in="SourceGraphic" dx="60" dy="60" />
    <feGaussianBlur in="SourceGraphic" stdDeviation="5" result="blur2" />
    <feMerge>
      <feMergeNode in="blur2" />
      <feMergeNode in="SourceGraphic" />
    </feMerge>
  </filter>

  <rect
 x="40"
 y="40"
 width="100"
 height="100"
 style="stroke: #000000; fill: green; filter: url(#feOffset);" />
</svg>
```

### Résultat

Attributs
---------

### Attributs globaux

* Attributs de base
* Attributs de présentation
* Attributs de primitives de filtres
* `class (en-US)`
* `style`
### Attributs spécifiques

*Aucun.*

Interface DOM
-------------

Cet élément implémente l'interface `SVGFEMergeElement` (en-US).

Spécifications
--------------

| Specification |
| --- |
| Filter Effects Module Level 1 # feMergeElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<filter>`
* `<feBlend>`
* `<feColorMatrix>`
* `<feComponentTransfer>`
* `<feComposite>`
* `<feConvolveMatrix>`
* `<feDiffuseLighting>`
* `<feDisplacementMap>`
* `<feFlood>`
* `<feGaussianBlur>`
* `<feImage>`
* `<feMergeNode>`
* `<feMorphology>`
* `<feOffset>`
* `<feSpecularLighting>`
* `<feTile>`
* `<feTurbulence>`
* Tutoriel SVG: Filtres
<metadata>
==========

L'élément SVG **`<metadata>`** permet d'ajouter des metadonnées au contenu SVG. Des metadonnées sont des données structurées qui donnent des informations sur le contenu du document. La balise `<metadata>` doit contenir des éléments d'un autre namespaces XML tel que RDF, FOAF, etc.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément descriptif |
| Contenu autorisé | Tout élément ou caractère de donnée |

Attributs
---------

### Attributs globaux

* Attributs de base
* Attributs d'événements globaux
### Attributs spécifiques

*Aucun.*

Interface DOM
-------------

Cet élément implémente l'interface `SVGMetadataElement` (en-US).

Spécifications
--------------

| Specification |
| --- |
| Scalable Vector Graphics (SVG) 2 # MetadataElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
<feSpotLight>
=============

La primitive de filtre SVG **`<feSpotLight>`** définit une source de lumière qui permet de créer un feu de projecteur. On la place dans une primitive de filtre d'éclairage: `<feDiffuseLighting>` ou `<feSpecularLighting>`.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément de source de lumière |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :`<animate>`, `<set>` (en-US) |

Attributs
---------

### Attributs globaux

* Attributs de base
### Attributs spécifiques

* `x`
* `y (en-US)`
* `z (en-US)`
* `pointsAtX (en-US)`
* `pointsAtY (en-US)`
* `pointsAtZ (en-US)`
* `specularExponent (en-US)`
* `limitingConeAngle (en-US)`
Interface DOM
-------------

Cet élément implémente l'interface `SVGFESpotLightElement` (en-US).

Exemple
-------

### SVG


```html
<svg
 width="200"
 height="200"
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <filter id="spotlight">
      <feSpecularLighting
 result="spotlight"
 specularConstant="1.5"
 specularExponent="4"
 lighting-color="#FFF">
        <feSpotLight x="600" y="600" z="400" limitingConeAngle="5.5" />
      </feSpecularLighting>
      <feComposite
 in="SourceGraphic"
 in2="spotlight"
 operator="out"
 k1="0"
 k2="1"
 k3="1"
 k4="0" />
    </filter>
  </defs>

  <image
 xlink:href="/files/6457/mdn\_logo\_only\_color.png"
 x="10%"
 y="10%"
 width="80%"
 height="80%"
 style="filter:url(#spotlight);" />
</svg>
```

### Résultat

Spécifications
--------------

| Specification |
| --- |
| Filter Effects Module Level 1 # feSpotLightElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<filter>`
* `<animate>`
* `<set>` (en-US)
* `<feDiffuseLighting>`
* `<feSpecularLighting>`
* `<feDistantLight>`
* `<fePointLight>`
* Tutoriel SVG: Filtres
desc
====

Tout élément graphique ou conteneur dans un dessin SVG peut définir une description en utilisant l'élément **`<desc>`**, cette description ne peut contenir que du texte.

Quand l'élément contenant une description apparaît à l'utilisateur sous forme d'image, l'élément `<desc>` n'est pas affiché. Néanmoins, quelques moteurs de rendu peuvent, par exemple, l'afficher sous forme d'infobulle. Des représentations alternatives sont possibles, visuelles ou auditives, en remplacement des éléments graphiques. De manière générale, cet élément améliore l'accessibilité des documents SVG.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément descriptif |
| Contenu autorisé | Tout élément ou caractère de donnée |

Attributs
---------

### Attributs globaux

* Attributs de base »
* `class (en-US)`
* `style`
### Attributs spécifiques

*Aucun.*

Interface DOM
-------------

Cet élément implémente l'interface `SVGDescElement`.

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<title>`
text
====

L'élément SVG `text` définit un élément graphique contenant du texte. Notez qu'il est possible d'y appliquer un dégradé, un motif, un tracé spécifique (clipping path), un masque ou un filtre.

Si du texte est écrit dans le SVG sans être intégré dans un balise <text>, il ne sera pas affiché. Le texte n'est pas *caché* par défaut, la propriété display ne le montre simplement pas.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément graphique, Élément conteneur de texte |
| Contenu autorisé | Des données caractères et n'importe quelle quantité des éléments suivants, dans n'importe quel ordre :Éléments d'animationÉléments descriptifsÉléments enfants de conteneur de texte`<a>` |

Exemple
-------


```xml
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg"
 width="100px" height="30px" viewBox="0 0 1000 300">

  <text x="250" y="150"
 font-family="Verdana"
 font-size="55">
    Bonjour tout le monde!
  </text>

  <!-- Dessine le contour de l'image -->
  <rect x="1" y="1" width="998" height="298"
 fill="none" stroke-width="2" />
</svg>
```


L'élément <text> est utilisé pour dessiner des caractères de texte. L'exemple de code suivant écrit un text svg à l'aide de coordonnées x/y.


```xml
<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="50px">
  <text x="10" y="20">SVG Text Example</text>
</svg>
```


Le texte en SVG peut être pivoté. L'exemple de code suivant démontre la rotation de texte à l'aide de l'attribut transform.


```xml
<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="50px">
  <text x="10" y="20"
 transform="rotate(30 20,40)">
    SVG Text Rotation example
  </text>
</svg>
```


Le texte SVG peut également être stylisé avec du CSS contenant les propriétés SVG.


```xml
<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="50px">
  <text x="10" y="20"
 style="font-family: Times New Roman;
 font-size : 24;
 stroke : #00ff00;
 fill : #0000ff;">
    SVG text styling
  </text>
</svg>
```

Attributs
---------

### Attributs globaux

* Conditional processing attributes »
* Core attributes »
* Graphical event attributes »
* Presentation attributes »
* `class (en-US)`
* `style`
* `externalResourcesRequired`
* `transform`
### Attributs spécifiques

* `x`
* `y (en-US)`
* `dx`
* `dy`
* `text-anchor`
* `rotate (en-US)`
* `textLength (en-US)`
* `lengthAdjust (en-US)`
Interface DOM
-------------

Cet élément implémente l'interface `SVGTextElement`.

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Articles liés
-------------

* `<tspan>`
* `<tref>` (en-US)
* `<altGlyph>`
<feFuncR>
=========

La primitive de filtre SVG **`<feFuncR>`** doit être placée dans une balise `<feComponentTransfer>` et elle définit la fonction de transfert pour le canal rouge de l'image en entrée.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Aucune |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :`<animate>`, `<set>` (en-US) |

Attributs
---------

### Attributs globaux

* Attributs de base
* Attributs de fonction de transfert
### Attributs spécifiques

*Aucun.*

Interface DOM
-------------

Cet élément implémente l'interface `SVGFEFuncRElement` (en-US).

Spécifications
--------------

| Specification |
| --- |
| Filter Effects Module Level 1 # feFuncRElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<filter>`
* `<animate>`
* `<set>` (en-US)
* `<feComponentTransfer>`
* `<feFuncA>`
* `<feFuncB>`
* `<feFuncG>`
* Tutoriel SVG: Filtres
<feMorphology>
==============

La primitive de filtre SVG **`<feMorphology>`** est utilisée pour éroder ou dilater l'image en entrée. Cela permet d'appliquer des effets de mise en gras ou d'amincissement.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément de primitive de filtre |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :`<animate>`, `<set>` (en-US) |

Attributs
---------

### Attributs globaux

* Attributs de base
* Attributs de présentation
* Attributs de primitive de filtre
* `class (en-US)`
* `style`
### Attributs spécifiques

* `in`
* `operator (en-US)`
* `radius (en-US)`
Interface DOM
-------------

Cet élément implémente l'interface `SVGFEMorphologyElement` (en-US).

Exemples
--------

### Sur du contenu SVG

#### SVG


```html
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="180">
  <filter id="erode">
    <feMorphology operator="erode" radius="1" />
  </filter>
  <filter id="dilate">
    <feMorphology operator="dilate" radius="2" />
  </filter>
  <text y="1em">Texte normal</text>
  <text id="thin" y="2em">Texte mince</text>
  <text id="thick" y="3em">Text gras</text>
</svg>
```


#### CSS


```css
text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3em;
}

#thin {
  filter: url(#erode);
}

#thick {
  filter: url(#dilate);
}
```

### Sur du contenu HTML

#### SVG


```html
<svg xmlns="http://www.w3.org/2000/svg" width="0" height="0">
  <filter id="erode">
    <feMorphology operator="erode" radius="1" />
  </filter>
  <filter id="dilate">
    <feMorphology operator="dilate" radius="2" />
  </filter>
</svg>

<p>Texte normal</p>
<p id="thin">Texte mince</p>
<p id="thick">Text gras</p>
```


#### CSS


```css
p {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3em;
}

#thin {
  filter: url(#erode);
}

#thick {
  filter: url(#dilate);
}
```

Spécifications
--------------

| Specification |
| --- |
| Filter Effects Module Level 1 # feMorphologyElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<filter>`
* `<animate>`
* `<set>` (en-US)
* `<feBlend>`
* `<feColorMatrix>`
* `<feComponentTransfer>`
* `<feComposite>`
* `<feConvolveMatrix>`
* `<feDiffuseLighting>`
* `<feDisplacementMap>`
* `<feFlood>`
* `<feGaussianBlur>`
* `<feImage>`
* `<feMerge>`
* `<feOffset>`
* `<feSpecularLighting>`
* `<feTile>`
* `<feTurbulence>`
* Tutoriel SVG: Filtres
<defs>
======

 SVG permet de définir des objets graphiques (génériques) pour une utilisation ultérieure. Autant qu'il est possible, cet usage est recommandé grâce aux propriétés offertes par l'élément `defs`.
 Ainsi définir ces éléments au sein de l'élément `defs` promeut une meilleure compréhension du contenu SVG par l'homme et donc son accessibilité.

Les éléments définis grâce à `defs` ne sont jamais directement générés (*au sens du rendu graphique : ils ne sont pas affichés*). Vous devez utiliser l'élément `<use>` pour leur-s utilisation-s lorsque vous le souhaitez au sein du `viewport`.

Contexte d'usage
----------------

|  |  |
| --- | --- |
| Catégories | Élément conteneur, Élément structurel |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :Éléments d'animationÉléments descriptifsÉléments de formesÉléments structurelsÉléments de dégradés`<a>`, `<clipPath>`, `<color-profile>`, `<cursor>` (en-US), `<filter>`, `<font>` (en-US), `<font-face>` (en-US), `<foreignObject>`, `<image>`, `<marker>`, `<mask>`, `<pattern>`, `<script>` (en-US), `<style>`, `<switch>`, `<text>`, `<view>` (en-US) |

Exemple
-------


```xml
<svg width="80px" height="30px" viewBox="0 0 80 30"
 xmlns="http://www.w3.org/2000/svg">

  <defs>
    <linearGradient id="Gradient01">
      <stop offset="20%" stop-color="#39F" />
      <stop offset="90%" stop-color="#F3F" />
    </linearGradient>
  </defs>

  <rect x="10" y="10" width="60" height="10"
 fill="url(#Gradient01)" />
</svg>
```

Attributs
---------

### Attributs globaux

* Conditional processing attributes »
* Core attributes »
* Graphical event attributes »
* Presentation attributes »
* `class (en-US)`
* `style`
* `externalResourcesRequired`
* `transform`
### Attributs spécifiques

*Il ne dispoe pas d'attributs spécifiques.*

Interface avec DOM
------------------

Cet élément est implémenté par l'interface `SVGDefsElement` (en-US).

Spécifications
--------------

| Specification |
| --- |
| Scalable Vector Graphics (SVG) 2 # Head |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.