diff options
Diffstat (limited to 'files/fr/web/svg/element/polygon/index.html')
| -rw-r--r-- | files/fr/web/svg/element/polygon/index.html | 60 |
1 files changed, 19 insertions, 41 deletions
diff --git a/files/fr/web/svg/element/polygon/index.html b/files/fr/web/svg/element/polygon/index.html index ac9c3fbb62..e4981d0eb3 100644 --- a/files/fr/web/svg/element/polygon/index.html +++ b/files/fr/web/svg/element/polygon/index.html @@ -6,38 +6,38 @@ tags: - Reference - SVG - SVG Graphique +browser-compat: svg.elements.polygon translation_of: Web/SVG/Element/polygon --- <div>{{SVGRef}}</div> -<p>L'élément <strong><code><polygon></code></strong> délimite une forme close composée d'un groupe de plusieurs segments de droites. Le dernier point est relié au premier afin de fermer la forme et de relier les traits entre deux. Pour créer une forme ouverte, voir l'élément {{SVGElement("polyline")}}.</p> +<p>L'élément <strong><code><polygon></code></strong> délimite une forme close composée d'un groupe de plusieurs segments de droites. Le dernier point est relié au premier afin de fermer la forme et de relier les traits entre deux. Pour créer une forme ouverte, voir l'élément {{SVGElement("polyline")}}.</p> -<div id="Exemple"> +<div id="example"> <div class="hidden"> <pre class="brush: css">html,body,svg { height:100% }</pre> </div> <pre class="brush: html"><svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg"> <!-- Exemple d'un polygone avec le remplissage par défaut --> - <polygon points="0,100 50,25 50,75 100,0" /> + <polygon points="0,100 50,25 50,75 100,0" /> <!-- Le même polygone sans remplissage et avec un contour --> - <polygon points="100,100 150,25 150,75 200,0" - fill="none" stroke="black" /> + <polygon points="100,100 150,25 150,75 200,0" fill="none" stroke="black" /> </svg></pre> - -<p>{{ EmbedLiveSample('SVG', '120', '120', '', 'Web/SVG/Element/polygon') }}</p> </div> +<div>{{EmbedLiveSample('example', '100', '100')}}</div> + <h2 id="Attributs">Attributs</h2> <dl> <dt>{{SVGAttr('points')}}</dt> <dd>Cette attribut défini une liste de point (paire de coordonnées absolue x et y ) nécessaire pour dessiner le polygone.<br> - <small><em>Type de valeur</em>: <a href="https://wiki.developer.mozilla.org/docs/Web/SVG/Content_type#Number"><strong><number></strong></a>+ ; <em>Valeur par défaut</em>: <code>""</code>; <em>Peut être animé</em>: <strong>oui</strong></small></dd> + <small><em>Type de valeur</em>: <a href="/fr/docs/Web/SVG/Content_type#Number"><strong><number></strong></a>+ ; <em>Valeur par défaut</em>: <code>""</code>; <em>Peut être animé</em>: <strong>oui</strong></small></dd> <dt>{{SVGAttr("pathLength")}}</dt> <dd>Cet attribut spécifie la taille totale pour le chemin dans l'unité de l'utilisateur.<br> - <small><em>Type de valeur</em>: <a href="https://wiki.developer.mozilla.org/docs/Web/SVG/Content_type#Number"><strong><number></strong></a>; <em>Valeur par défaut</em>: <em>aucune</em>; <em>Peut être animé</em>: <strong>oui</strong></small></dd> + <small><em>Type de valeur</em>: <a href="/fr/docs/Web/SVG/Content_type#Number"><strong><number></strong></a>; <em>Valeur par défaut</em>: <em>aucune</em>; <em>Peut être animé</em>: <strong>oui</strong></small></dd> </dl> <h3 id="Attributs_Globaux">Attributs Globaux</h3> @@ -47,11 +47,11 @@ translation_of: Web/SVG/Element/polygon <dd><small>Principalement: {{SVGAttr('id')}} et {{SVGAttr('tabindex')}}</small></dd> <dt><a href="/fr/docs/Web/SVG/Attribute/Styling">Attribut de style</a></dt> <dd><small>{{SVGAttr('class')}} et {{SVGAttr('style')}}</small></dd> - <dt><a href="https://wiki.developer.mozilla.org/docs/Web/SVG/Attribute/Conditional_Processing">Attributs conditionnels</a></dt> + <dt><a href="/fr/docs/Web/SVG/Attribute/Conditional_Processing">Attributs conditionnels</a></dt> <dd><small>Principalement: {{SVGAttr('requiredExtensions')}} et {{SVGAttr('systemLanguage')}}</small></dd> <dt>Attributs d'évènements</dt> - <dd><small><a href="https://wiki.developer.mozilla.org/docs/Web/SVG/Attribute/Events#Global_Event_Attributes">Attribut d'évènement global</a>, <a href="https://wiki.developer.mozilla.org/docs/Web/SVG/Attribute/Events#Graphical_Event_Attributes">Attribut d'évènement graphique</a></small></dd> - <dt><a href="https://developer.mozilla.org/fr/docs/Web/SVG/Attribute/Presentation">Attributs de présentation</a></dt> + <dd><small><a href="/fr/docs/Web/SVG/Attribute/Events#global_event_attributes">Attribut d'évènement global</a>, <a href="/fr/docs/Web/SVG/Attribute/Events#graphical_event_attributes">Attribut d'évènement graphique</a></small></dd> + <dt><a href="h/fr/docs/Web/SVG/Attribute/Presentation">Attributs de présentation</a></dt> <dd><small>Principalement: {{SVGAttr('clip-path')}}, {{SVGAttr('clip-rule')}}, {{SVGAttr('color')}}, {{SVGAttr('color-interpolation')}}, {{SVGAttr('color-rendering')}}, {{SVGAttr('cursor')}}, {{SVGAttr('display')}}, {{SVGAttr('fill')}}, {{SVGAttr('fill-opacity')}}, {{SVGAttr('fill-rule')}}, {{SVGAttr('filter')}}, {{SVGAttr('mask')}}, {{SVGAttr('opacity')}}, {{SVGAttr('pointer-events')}}, {{SVGAttr('shape-rendering')}}, {{SVGAttr('stroke')}}, {{SVGAttr('stroke-dasharray')}}, {{SVGAttr('stroke-dashoffset')}}, {{SVGAttr('stroke-linecap')}}, {{SVGAttr('stroke-linejoin')}}, {{SVGAttr('stroke-miterlimit')}}, {{SVGAttr('stroke-opacity')}}, {{SVGAttr('stroke-width')}}, {{SVGAttr("transform")}}, {{SVGAttr('vector-effect')}} et {{SVGAttr('visibility')}}</small></dd> <dt>Attributs ARIA</dt> <dd><small><code>aria-activedescendant</code>, <code>aria-atomic</code>, <code>aria-autocomplete</code>, <code>aria-busy</code>, <code>aria-checked</code>, <code>aria-colcount</code>, <code>aria-colindex</code>, <code>aria-colspan</code>, <code>aria-controls</code>, <code>aria-current</code>, <code>aria-describedby</code>, <code>aria-details</code>, <code>aria-disabled</code>, <code>aria-dropeffect</code>, <code>aria-errormessage</code>, <code>aria-expanded</code>, <code>aria-flowto</code>, <code>aria-grabbed</code>, <code>aria-haspopup</code>, <code>aria-hidden</code>, <code>aria-invalid</code>, <code>aria-keyshortcuts</code>, <code>aria-label</code>, <code>aria-labelledby</code>, <code>aria-level</code>, <code>aria-live</code>, <code>aria-modal</code>, <code>aria-multiline</code>, <code>aria-multiselectable</code>, <code>aria-orientation</code>, <code>aria-owns</code>, <code>aria-placeholder</code>, <code>aria-posinset</code>, <code>aria-pressed</code>, <code>aria-readonly</code>, <code>aria-relevant</code>, <code>aria-required</code>, <code>aria-roledescription</code>, <code>aria-rowcount</code>, <code>aria-rowindex</code>, <code>aria-rowspan</code>, <code>aria-selected</code>, <code>aria-setsize</code>, <code>aria-sort</code>, <code>aria-valuemax</code>, <code>aria-valuemin</code>, <code>aria-valuenow</code>, <code>aria-valuetext</code>, <code>role</code></small></dd> @@ -65,35 +65,13 @@ translation_of: Web/SVG/Element/polygon <p>Cet élément implémente l'interface {{domxref("SVGPolygonElement")}}.</p> -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('SVG2', 'shapes.html#PolygonElement', '<polygon>')}}</td> - <td>{{Spec2('SVG2')}}</td> - <td>Pas de changement</td> - </tr> - <tr> - <td>{{SpecName('SVG1.1', 'shapes.html#PolygonElement', '<polygon>')}}</td> - <td>{{Spec2('SVG1.1')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_avec_les_navigateurs">Compatibilité avec les navigateurs</h2> - - - -<p>{{Compat("svg.elements.polygon")}}</p> +<h2 id="specifications">Spécifications</h2> + +<p>{{Specifications}}</p> + +<h2 id="browser_compatibility">Compatibilité avec les navigateurs</h2> + +<p>{{Compat}}</p> <h2 id="Voir_également">Voir également</h2> |