initial commit

1 files changed, 155 insertions, 0 deletions

diff --git a/files/fr/web/svg/element/ellipse/index.html b/files/fr/web/svg/element/ellipse/index.html
new file mode 100644
index 0000000000..571dbe6acd
--- /dev/null
+++ b/files/fr/web/svg/element/ellipse/index.html
@@ -0,0 +1,155 @@
+---
+title: ellipse
+slug: Web/SVG/Element/ellipse
+tags:
+  - SVG
+  - SVG Element
+  - SVG Reference
+translation_of: Web/SVG/Element/ellipse
+---
+<div>{{SVGRef}}</div>
+
+<p>L'élément <code>ellipse</code> est une forme basique SVG,utilisé pour créer des ellipses basées sur un centre, et ses deux rayons x et y.</p>
+
+<div class="blockIndicator note">
+<p><strong>Note:</strong> Il est impossible de spécifier l'orientation exacte d'une ellipse (par exemple, si vous souhaitez dessiner une ellipse à un angle de 45°), mais l'ellipse peut avoir une rotation avec l'attribut {{ SVGAttr("transform") }}.</p>
+</div>
+
+<pre class="notranslate">&lt;svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg"&gt;
+  &lt;ellipse cx="100" cy="50" rx="100" ry="50" /&gt;
+&lt;/svg&gt;</pre>
+
+<h2 id="Attributs">Attributs</h2>
+
+<h3 id="Attributs_spécifiques">Attributs spécifiques</h3>
+
+
+
+<dl>
+ <dt>{{ SVGAttr("cx") }}</dt>
+ <dd>La position x de l'ellipse.<br>
+ <small>Type de valeur : <strong><a href="/fr/docs/Web/SVG/Content_type#Length">&lt;longueur&gt;</a></strong>|<a href="/fr/docs/Web/SVG/Content_type#Percentage">&lt;pourcentage&gt;</a>; Valeur par défaut : <code>0</code>; Animable : <strong>oui</strong>.</small></dd>
+ <dt>{{ SVGAttr("cy") }}</dt>
+ <dd>La position y de l'ellipse.<br>
+ <small>Type de valeur : <strong><a href="/fr/docs/Web/SVG/Content_type#Length">&lt;longueur&gt;</a></strong>|<a href="/fr/docs/Web/SVG/Content_type#Percentage">&lt;pourcentage&gt;</a>; Valeur par défaut : <code>0</code>; Animable : <strong>oui</strong>.</small></dd>
+ <dt>{{ SVGAttr("rx") }}</dt>
+ <dd>Le rayon de l'ellipse sur l'axe x.<br>
+ <small>Type de valeur : <code>auto</code>|<strong><a href="/fr/docs/Web/SVG/Content_type#Length">&lt;longueur&gt;</a></strong>|<a href="/fr/docs/Web/SVG/Content_type#Percentage">&lt;pourcentage&gt;</a>; Valeur par défaut : <code>auto</code>; Animable : <strong>oui</strong>.</small></dd>
+ <dt>{{ SVGAttr("ry") }}</dt>
+ <dd>Le rayon de l'ellipse sur l'axe y.<br>
+ <small>Type de valeur : <code>auto</code>|<strong><a href="/fr/docs/Web/SVG/Content_type#Length">&lt;longueur&gt;</a></strong>|<a href="/fr/docs/Web/SVG/Content_type#Percentage">&lt;pourcentage&gt;</a>; Valeur par défaut : <code>auto</code>; Animable : <strong>oui</strong>.</small></dd>
+ <dt>{{ SVGAttr("pathLength") }}</dt>
+ <dd>Cet attribut permet de spécifier la longueur totale du tracé, en unités de l'utilisateur.<br>
+ <small>Type de valeur : <strong><a href="/fr/docs/Web/SVG/Content_type#Number">&lt;number&gt;</a></strong>; Valeur par défaut : <code>auto</code>; Animable : <strong>oui</strong>.</small></dd>
+</dl>
+
+<div class="blockIndicator note">
+<p><strong>Note:</strong> À partir de SVG2, cx, cy, rx, et ry sont des <em>Propriétés Géomatriques</em>, ce qui signifie que ces attributs peuvent aussi être utilisés comme propriétés CSS pour cet élément.</p>
+</div>
+
+<h3 id="Attributs_Globaux">Attributs Globaux</h3>
+
+<dl>
+ <dt><a href="/fr/docs/Web/SVG/Attribute/Core">Attributs centraux</a></dt>
+ <dd>Plus notamment : {{SVGAttr('id')}}, {{SVGAttr('tabindex')}}</dd>
+ <dt><a href="/fr/docs/Web/SVG/Attribute/Styling">Attributs de style</a></dt>
+ <dd>{{SVGAttr('class')}}, {{SVGAttr('style')}}</dd>
+ <dt><a href="/fr/docs/Web/SVG/Attribute/Conditional_Processing">Attributs de traitement conditionnel</a></dt>
+ <dd>Plus notamment : {{SVGAttr('requiredExtensions')}}, {{SVGAttr('systemLanguage')}}</dd>
+ <dt>Attributs d'événements</dt>
+ <dd><a href="/fr/docs/Web/SVG/Attribute/Events#Global_Event_Attributes">Attributs d'événément globaux</a>, <a href="https://wiki.developer.mozilla.org/docs/Web/SVG/Attribute/Events#Graphical_Event_Attributes">Attributs d'événément graphiques</a></dd>
+ <dt><a href="/fr/docs/Web/SVG/Attribute/Presentation">Attributs de présentation</a></dt>
+ <dd>Plus notamment : {{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')}}, {{SVGAttr('visibility')}}</dd>
+ <dt>Attributs ARIA</dt>
+ <dd><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></dd>
+</dl>
+
+<h2 id="Usage">Usage</h2>
+
+<p>{{svginfo}}</p>
+
+<h2 id="Spécifications">Spécifications</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Spécification</th>
+   <th scope="col">Statut</th>
+   <th scope="col">Commentaire</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('SVG2', 'shapes.html#EllipseElement', '&lt;ellipse&gt;')}}</td>
+   <td>{{Spec2('SVG2')}}</td>
+   <td>Ajout de la valeur <code>auto</code> pour <code>rx</code> et <code>ry</code></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('SVG1.1', 'shapes.html#EllipseElement', '&lt;ellipse&gt;')}}</td>
+   <td>{{Spec2('SVG1.1')}}</td>
+   <td>Définition initiale</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Interface_DOM">Interface DOM</h2>
+
+<p>Cet élément implémente l'interface <code><a href="/en/DOM/SVGEllipseElement" title="en/DOM/SVGEllipseElement">SVGEllipseElement</a></code>.</p>
+
+<h2 id="Compatibilité_avec_les_navigateurs">Compatibilité avec les navigateurs</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th scope="col">Fonctionnalités</th>
+   <th scope="col">Chrome</th>
+   <th scope="col">Firefox (Gecko)</th>
+   <th scope="col">Internet Explorer</th>
+   <th scope="col">Opera</th>
+   <th scope="col">Safari</th>
+  </tr>
+  <tr>
+   <td>Support basique</td>
+   <td>1.0</td>
+   <td>{{ CompatGeckoDesktop('1.8') }}</td>
+   <td>{{ CompatIE('9.0') }}</td>
+   <td>{{ CompatOpera('8.0') }}</td>
+   <td>{{ CompatSafari('3.0.4') }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Fonctionnalité</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Support basique</td>
+   <td>{{ CompatAndroid('3.0') }}</td>
+   <td>{{ CompatGeckoMobile('1.8') }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatSafari('3.0.4') }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>Cette table est basée sur <a href="/en/SVG/Compatibility_sources" title="fr/SVG/Compatibility sources"> ces ressources</a>.</p>
+
+<h2 id="Corrélat">Corrélat</h2>
+
+<ul>
+ <li>{{ SVGElement("circle") }}</li>
+</ul>