From e7f1d07cba1f78b72eb43bfcdabc262359c4991a Mon Sep 17 00:00:00 2001
From: SphinxKnight Le {{EmbedLiveSample('example', 150, '100%')}} {{EmbedLiveSample('exemple', 150, '100%')}} Note : Cet attribut n'a pas d'effet si l'attribut Cet attribut définit le système de coordonnées pour le contenu de {{SVGElement("pattern")}}. Type de valeur : Note : Cet attribut n'a pas d'effet si l'attribut Cet attribut contient la définition d'une transformation optionnelle supplémentaire du système de coordonnées du motif vers celui de la cible. Type de valeur : <transform-list>; Valeur par défaut : none; Animatable: yes Cet attribut définit le système de coordonnées pour les attributs Cet attribut définit comme le fragment SVG doit être déformé s'il est embarqué dans un conteneur avec un ratio d'aspect différent.
+ Type de valeur : ( Cet attribut définit les limites de la fenêtre de rendu du SVG pour le fragment du motif.Type de valeur : <list-of-numbers> ; Valeur par défaut : none; Animable: yes Cet attribut détermine la largeur du motif de mosaïque. Cet attribut détermine le déplacement en coordonnée x du motif de mosaïque.Type de valeur : <length>|<percentage> ; Valeur par défaut : Note : Pour les navigateurs implémentant <pattern>
est référéne par les attributs {{SVGAttr("fill")}} et {{SVGAttr("stroke")}} sur les autres éléments graphiques, pour appliquer un remplissage ou une bordure sur ces éléments avec le motif référencé.html, body, svg { height: 100% }
-Exemple
+
+
<svg viewBox="0 0 230 100" xmlns="http://www.w3.org/2000/svg">
<defs>
@@ -29,9 +28,8 @@ translation_of: Web/SVG/Element/pattern
<circle cx="50" cy="50" r="50" fill="url(#star)"/>
<circle cx="180" cy="50" r="40" fill="none" stroke-width="20" stroke="url(#star)"/>
</svg>
-Attributs
@@ -43,41 +41,40 @@ translation_of: Web/SVG/Element/pattern
<pattern>
.
Type de valeur: <URL>; Valeur par défaut : none; Animable: yes
- Type de valeur : userSpaceOnUse
|objectBoundingBox
; Valeur par défaut : userSpaceOnUse
; Animable: yes
- viewBox
est définit sur l'élément <pattern>
.userSpaceOnUse
|objectBoundingBox
; Valeur par défaut : userSpaceOnUse
; Animable: yesviewBox
est définit sur l'élément <pattern>
.
- Type de valeur : <transform-list>; Valeur par défaut : none; Animatable: yesx
, y
, width
, et height
.
- Type de valeur : userSpaceOnUse
|objectBoundingBox
; Valeur par défaut : objectBoundingBox
; Animable: yesx
, y
, width
, et height
.Type de valeur : userSpaceOnUse
|objectBoundingBox
; Valeur par défaut : objectBoundingBox
; Animable: yes
- Type de valeur : (none
| xMinYMin
| xMidYMin
| xMaxYMin
| xMinYMid
| xMidYMid
| xMaxYMid
| xMinYMax
| xMidYMax
| xMaxYMax
) (meet
|slice
)? ; Valeur par défaut : xMidYMid meet
; Animable: yesnone
| xMinYMin
| xMidYMin
| xMaxYMin
| xMinYMid
| xMidYMid
| xMaxYMid
| xMinYMax
| xMidYMax
| xMaxYMax
) (meet
|slice
)? ; Valeur par défaut : xMidYMid meet
; Animable: yes
- Type de valeur : <list-of-numbers> ; Valeur par défaut : none; Animable: yes
- Type de valeur : <length>|<percentage> ; Valeur par défaut : 0
; Animable: yes
+ Type de valeur : <length>|<percentage> ; Valeur par défaut : 0
; Animable: yes
- Type de valeur : <length>|<percentage> ; Valeur par défaut : 0
; Animatable: yes0
; Animatable: yes<pattern>
.
- Type de valeur : <URL>; Valeur par défaut : none; Animable: yes
- href
, si à la fois href
et xlink:href
sont définis, xlink:href
sera ignoré et seulement href
sera utilisé.
Note : Pour les navigateurs implémentant href
, si à la fois href
et xlink:href
sont définis, xlink:href
sera ignoré et seulement href
sera utilisé.
0
; Animable: yesCet attribut détermine le déplacement en coordonnée y du motif de mosaïque. Type de valeur : <length>|<percentage> ; Valeur par défaut : 0
; Animable: yes