diff options
| author | Theophile Avoyne <tavoyne@gmail.com> | 2021-05-08 14:46:29 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-05-08 14:46:29 +0200 |
| commit | b8c44785e41b3f24efd88dcfa0613c9a098c4be3 (patch) | |
| tree | fa12825863e595fbaf79f3d3ea94051f999100db /files/fr/web/svg | |
| parent | 3b0f3b4310d7cad3bd61d0fbfcbc2f81d9cc6713 (diff) | |
| download | translated-content-b8c44785e41b3f24efd88dcfa0613c9a098c4be3.tar.gz translated-content-b8c44785e41b3f24efd88dcfa0613c9a098c4be3.tar.bz2 translated-content-b8c44785e41b3f24efd88dcfa0613c9a098c4be3.zip | |
Grammar mistakes (#784)
* Grammar mistakes
* Review + macro conversion and english IDs
Co-authored-by: julieng <julien.gattelier@gmail.com>
Diffstat (limited to 'files/fr/web/svg')
| -rw-r--r-- | files/fr/web/svg/attribute/preserveaspectratio/index.html | 76 |
1 files changed, 38 insertions, 38 deletions
diff --git a/files/fr/web/svg/attribute/preserveaspectratio/index.html b/files/fr/web/svg/attribute/preserveaspectratio/index.html index b433de89fd..7d5ffb6db1 100644 --- a/files/fr/web/svg/attribute/preserveaspectratio/index.html +++ b/files/fr/web/svg/attribute/preserveaspectratio/index.html @@ -8,33 +8,33 @@ translation_of: Web/SVG/Attribute/preserveAspectRatio --- <div>{{SVGRef}}</div> -<p>L'attibut <strong><code>preserveAspectRatio</code></strong> indique comment un élément est mis à l'échelle lorsque le ratio largeur:hauteur du {{SVGAttr('viewBox')}} est différent du ratio de la zone d'affichage (définit par les attributs width et height).</p> +<p>L'attibut <strong><code>preserveAspectRatio</code></strong> indique comment un élément est mis à l'échelle lorsque le ratio largeur:hauteur de la <a href="/fr/docs/Web/SVG/Attribute/viewBox"><code>viewBox</code></a> est différent du ratio de la zone d'affichage (définit par les attributs <code>width</code> et <code>height</code>).</p> -<p>Parce que les proportions du SVG sont définis par l'attribut <code>viewBox</code>, si ce dernier n'est pas définit alors l'attribut <code>preserveAspectRatio</code> n'a aucun effet (<em>à l'exception près de l'élément {{SVGElement('image')}} comme décrit ci-dessous</em>).</p> +<p>Parce que les proportions du SVG sont définies par l'attribut <code>viewBox</code>, si ce dernier n'est pas défini alors l'attribut <code>preserveAspectRatio</code> n'a aucun effet (<em>à l'exception près de l'élément <a href="/fr/docs/Web/SVG/Element/image"><code><image></code></a> comme décrit ci-dessous</em>).</p> -<h2 id="Exemple">Exemple</h2> +<h2 id="example">Exemple</h2> <pre class="brush: html"><svg viewBox="-1 -1 162 92" xmlns="http://www.w3.org/2000/svg"> <defs> <path id="smiley" d="M50,10 A40,40,1,1,1,50,90 A40,40,1,1,1,50,10 M30,40 Q36,35,42,40 M58,40 Q64,35,70,40 M30,60 Q50,75,70,60 Q50,75,30,60" /> </defs> - <!-- (width>height) meet --> + <!-- (largeur>hauteur) meet --> <svg preserveAspectRatio="xMidYMid meet" x="0" y="0" viewBox="0 0 100 100" width="20" height="10"><use href="#smiley" /></svg> <svg preserveAspectRatio="xMinYMid meet" x="25" y="0" viewBox="0 0 100 100" width="20" height="10"><use href="#smiley" /></svg> <svg preserveAspectRatio="xMaxYMid meet" x="50" y="0" viewBox="0 0 100 100" width="20" height="10"><use href="#smiley" /></svg> - <!-- (width>height) slice --> + <!-- (largeur>hauteur) slice --> <svg preserveAspectRatio="xMidYMin slice" x="0" y="15" viewBox="0 0 100 100" width="20" height="10"><use href="#smiley" /></svg> <svg preserveAspectRatio="xMidYMid slice" x="25" y="15" viewBox="0 0 100 100" width="20" height="10"><use href="#smiley" /></svg> <svg preserveAspectRatio="xMidYMax slice" x="50" y="15" viewBox="0 0 100 100" width="20" height="10"><use href="#smiley" /></svg> - <!-- (width<height) meet --> + <!-- (largeur<hauteur) meet --> <svg preserveAspectRatio="xMidYMin meet" x="75" y="0" viewBox="0 0 100 100" width="10" height="25"><use href="#smiley" /></svg> <svg preserveAspectRatio="xMidYMid meet" x="90" y="0" viewBox="0 0 100 100" width="10" height="25"><use href="#smiley" /></svg> <svg preserveAspectRatio="xMidYMax meet" x="105" y="0" viewBox="0 0 100 100" width="10" height="25"><use href="#smiley" /></svg> - <!-- (width<height) slice --> + <!-- (largeur<hauteur) slice --> <svg preserveAspectRatio="xMinYMid slice" x="120" y="0" viewBox="0 0 100 100" width="10" height="25"><use href="#smiley" /></svg> <svg preserveAspectRatio="xMidYMid slice" x="135" y="0" viewBox="0 0 100 100" width="10" height="25"><use href="#smiley" /></svg> <svg preserveAspectRatio="xMaxYMid slice" x="150" y="0" viewBox="0 0 100 100" width="10" height="25"><use href="#smiley" /></svg> @@ -54,7 +54,7 @@ translation_of: Web/SVG/Attribute/preserveAspectRatio <path id="smiley" d="M50,10 A40,40,1,1,1,50,90 A40,40,1,1,1,50,10 M30,40 Q36,35,42,40 M58,40 Q64,35,70,40 M30,60 Q50,75,70,60 Q50,75,30,60" /> </defs> - <!-- (width>height) meet --> + <!-- (largeur>hauteur) meet --> <rect x="0" y="0" width="20" height="10"> <title>xMidYMid meet</title> </rect> @@ -79,7 +79,7 @@ translation_of: Web/SVG/Attribute/preserveAspectRatio <use href="#smiley" /> </svg> - <!-- (width>height) slice --> + <!-- (largeur>hauteur) slice --> <rect x="0" y="15" width="20" height="10"> <title>xMidYMin slice</title> </rect> @@ -104,7 +104,7 @@ translation_of: Web/SVG/Attribute/preserveAspectRatio <use href="#smiley" /> </svg> - <!-- (width<height) meet --> + <!-- (largeur<hauteur) meet --> <rect x="75" y="0" width="10" height="25"> <title>xMidYMin meet</title> </rect> @@ -129,7 +129,7 @@ translation_of: Web/SVG/Attribute/preserveAspectRatio <use href="#smiley" /> </svg> - <!-- (width<height) slice --> + <!-- (largeur<hauteur) slice --> <rect x="120" y="0" width="10" height="25"> <title>xMinYMid slice</title> </rect> @@ -165,30 +165,30 @@ translation_of: Web/SVG/Attribute/preserveAspectRatio </svg></pre> <pre class="brush: css">path { - fill: yellow; - stroke: black; - stroke-width: 8px; - stroke-linecap: round; - stroke-linejoin: round; - pointer-events: none; + fill: yellow; + stroke: black; + stroke-width: 8px; + stroke-linecap: round; + stroke-linejoin: round; + pointer-events: none; } rect:hover, rect:active { - outline: 1px solid red; + outline: 1px solid red; }</pre> </div> <p>{{EmbedLiveSample('topExample', '100%', 200)}}</p> -<h2 id="Syntaxe">Syntaxe</h2> +<h2 id="syntax">Syntaxe</h2> <pre class="syntaxbox">preserveAspectRatio="<align> [<meetOrSlice>]"</pre> -<p>La valeur de l'attribut est constituée d'un ou deux mots clés: l'alignement et l'option "meet ou slice" (satisfaire ou trancher) comme décrit ci-dessous:</p> +<p>La valeur de l'attribut est constituée d'un ou deux mots clés : l'alignement et l'option "meet ou slice" (satisfaire ou trancher) comme décrit ci-dessous:</p> <dl> <dt>Alignement</dt> - <dd>L'alignement indique s'il faut forcer une mise à l'échelle uniforme et si oui, comment faire dans le cas où le rapport largeur:hauteur du {{ SVGAttr("viewBox") }} ne correspond pas à celui affiché. Les différentes valeurs possibles sont: + <dd>L'alignement indique s'il faut forcer une mise à l'échelle uniforme et si oui, comment faire dans le cas où le rapport largeur:hauteur de la <a href="/fr/docs/Web/SVG/Attribute/viewBox"><code>viewBox</code></a> ne correspond pas à celui affiché. Les différentes valeurs possibles sont: <ul> <li><strong>none</strong><br> Ne pas forcer la mise à l'échelle uniforme. Étirer le contenu de manière à ce que le contenu remplisse toute la hauteur et toute la largeur affichée. <em>Notez que si </em><code><align></code><em> vaut </em><code>none</code><em>, alors la valeur </em><code><meetOrSlice></code><em> est ignorée</em>.</li> @@ -227,28 +227,28 @@ rect:hover, rect:active { <li><strong>meet</strong> (<em>par défaut</em>) - Mettre à l'échelle l'image tel que: <ul> <li>les proportions sont préservées</li> - <li>la {{ SVGAttr("viewBox") }} est entièrement visible dans la zone d'affichage</li> - <li>la {{ SVGAttr("viewBox") }} est agrandie autant que possible, tout en respectant les autres critères</li> + <li>la <a href="/fr/docs/Web/SVG/Attribute/viewBox"><code>viewBox</code></a> est entièrement visible dans la zone d'affichage</li> + <li>la <a href="/fr/docs/Web/SVG/Attribute/viewBox"><code>viewBox</code></a> est agrandie autant que possible, tout en respectant les autres critères</li> </ul> - Autrement dit, si les proportions du contenu ne correspondent pas à la zone d'affichage, la zone d'affichage sera agrandie au-delà du {{ SVGAttr("viewBox") }} (la zone dans laquelle sera dessinée la {{ SVGAttr("viewBox") }} sera plus petite que la zone d'affichage).</li> + Autrement dit, si les proportions du contenu ne correspondent pas à la zone d'affichage, la zone d'affichage sera agrandie au-delà de la <a href="/fr/docs/Web/SVG/Attribute/viewBox"><code>viewBox</code></a> (la zone dans laquelle sera dessinée la <a href="/fr/docs/Web/SVG/Attribute/viewBox"><code>viewBox</code></a> sera plus petite que la zone d'affichage).</li> <li><strong>slice</strong> - Mettre à l'échelle l'image tel que: <ul> <li>les proportions sont préservées</li> - <li>la zone d'affichage est entièrement remplie par la {{ SVGAttr("viewBox") }}</li> - <li>la {{ SVGAttr("viewBox") }} est réduite autant que possible, tout en respectant les autres critères</li> + <li>la zone d'affichage est entièrement remplie par la <a href="/fr/docs/Web/SVG/Attribute/viewBox"><code>viewBox</code></a></li> + <li>la <a href="/fr/docs/Web/SVG/Attribute/viewBox"><code>viewBox</code></a> est réduite autant que possible, tout en respectant les autres critères</li> </ul> - Autrement dit, si les proportions du contenu ne correspondent pas à la zone d'affichage, la {{ SVGAttr("viewBox") }} sera agrandie au-delà de la zone d'affichage (la zone dans laquelle sera dessinée la {{ SVGAttr("viewBox") }} sera plus grande que la zone d'affichage).</li> + Autrement dit, si les proportions du contenu ne correspondent pas à la zone d'affichage, la <a href="/fr/docs/Web/SVG/Attribute/viewBox"><code>viewBox</code></a> sera agrandie au-delà de la zone d'affichage (la zone dans laquelle sera dessinée la <a href="/fr/docs/Web/SVG/Attribute/viewBox"><code>viewBox</code></a> sera plus grande que la zone d'affichage).</li> </ul> </dd> </dl> -<h2 id="Éléments">Éléments</h2> +<h2 id="elements">Éléments</h2> -<p>Sept éléments utilisent cet attribut: {{SVGElement("svg")}}, {{SVGElement("symbol")}}, {{SVGElement("image")}}, {{SVGElement("feImage")}}, {{SVGElement("marker")}}, {{SVGElement("pattern")}}, and {{SVGElement("view")}}.</p> +<p>Sept éléments utilisent cet attribut: <a href="/fr/docs/Web/SVG/Element/svg"><code><svg></code></a>, <a href="/fr/docs/Web/SVG/Element/symbol"><code><symbol></code></a>, <a href="/fr/docs/Web/SVG/Element/image"><code><image></code></a>, <a href="/fr/docs/Web/SVG/Element/feImage"><code><feImage></code></a>, <a href="/fr/docs/Web/SVG/Element/marker"><code><marker></code></a>, <a href="/fr/docs/Web/SVG/Element/pattern"><code><pattern></code></a>, and <a href="/fr/docs/Web/SVG/Element/view"><code><view></code></a>.</p> <h3 id="feImage">feImage</h3> -<p>Pour {{SVGElement('feImage')}}, <code>preserveAspectRatio</code> définit comment l'image doit être ajustée dans le rectangle défini par l'élément <code><feImage></code>.</p> +<p>Pour <a href="/fr/docs/Web/SVG/Element/feImage"><code><feImage></code></a>, <code>preserveAspectRatio</code> définit comment l'image doit être ajustée dans le rectangle défini par l'élément <code><feImage></code>.</p> <table class="standard-table"> <tbody> @@ -269,7 +269,7 @@ rect:hover, rect:active { <h3 id="image">image</h3> -<p>Pour {{SVGElement('feImage')}}, <code>preserveAspectRatio</code> définit comment l'image doit être ajustée dans le rectangle défini par l'élément <code><image></code>.</p> +<p>Pour <a href="/fr/docs/Web/SVG/Element/feImage"><code><feImage></code></a>, <code>preserveAspectRatio</code> définit comment l'image doit être ajustée dans le rectangle défini par l'élément <code><image></code>.</p> <table class="standard-table"> <tbody> @@ -290,7 +290,7 @@ rect:hover, rect:active { <h3 id="marker">marker</h3> -<p>Pour {{SVGElement('marker')}}, <code>preserveAspectRatio</code> indique si une mise à l'échelle unifrome doit être effectuée pour s'adapter à la zone d'affichage.</p> +<p>Pour <a href="/fr/docs/Web/SVG/Element/marker"><code><marker></code></a>, <code>preserveAspectRatio</code> indique si une mise à l'échelle uniforme doit être effectuée pour s'adapter à la zone d'affichage.</p> <table class="standard-table"> <tbody> @@ -311,7 +311,7 @@ rect:hover, rect:active { <h3 id="pattern">pattern</h3> -<p>Pour {{SVGElement('pattern')}}, <code>preserveAspectRatio</code> indique si une mise à l'échelle unifrome doit être effectuée pour s'adapter à la zone d'affichage.</p> +<p>Pour <a href="/fr/docs/Web/SVG/Element/pattern"><code><pattern></code></a>, <code>preserveAspectRatio</code> indique si une mise à l'échelle uniforme doit être effectuée pour s'adapter à la zone d'affichage.</p> <table class="standard-table"> <tbody> @@ -332,7 +332,7 @@ rect:hover, rect:active { <h3 id="svg">svg</h3> -<p>Pour {{SVGElement('svg')}}, <code>preserveAspectRatio</code> indique si une mise à l'échelle unifrome doit être effectuée pour s'adapter à la zone d'affichage.</p> +<p>Pour <a href="/fr/docs/Web/SVG/Element/svg"><code><svg></code></a>, <code>preserveAspectRatio</code> indique si une mise à l'échelle uniforme doit être effectuée pour s'adapter à la zone d'affichage.</p> <table class="standard-table"> <tbody> @@ -353,7 +353,7 @@ rect:hover, rect:active { <h3 id="symbol">symbol</h3> -<p>Pour {{SVGElement('symbol')}}, <code>preserveAspectRatio</code> indique si une mise à l'échelle unifrome doit être effectuée pour s'adapter à la zone d'affichage.</p> +<p>Pour <a href="/fr/docs/Web/SVG/Element/symbol"><code><symbol></code></a>, <code>preserveAspectRatio</code> indique si une mise à l'échelle uniforme doit être effectuée pour s'adapter à la zone d'affichage.</p> <table class="standard-table"> <tbody> @@ -374,7 +374,7 @@ rect:hover, rect:active { <h3 id="view">view</h3> -<p>Pour {{SVGElement('view')}}, <code>preserveAspectRatio</code> indique si une mise à l'échelle unifrome doit être effectuée pour s'adapter à la zone d'affichage.</p> +<p>Pour <a href="/fr/docs/Web/SVG/Element/view"><code><view></code></a>, <code>preserveAspectRatio</code> indique si une mise à l'échelle uniforme doit être effectuée pour s'adapter à la zone d'affichage.</p> <table class="standard-table"> <tbody> @@ -407,12 +407,12 @@ rect:hover, rect:active { <tr> <td>{{SpecName("Filters 1.0", "#element-attrdef-feimage-preserveaspectratio", "preserveAspectRatio")}}</td> <td>{{Spec2('Filters 1.0')}}</td> - <td> </td> + <td></td> </tr> <tr> <td>{{SpecName("SVG2", "coords.html#PreserveAspectRatioAttribute", "preserveAspectRatio")}}</td> <td>{{Spec2("SVG2")}}</td> - <td> </td> + <td></td> </tr> <tr> <td>{{SpecName("SVG1.1", "coords.html#PreserveAspectRatioAttribute", "preserveAspectRatio")}}</td> |