diff options
| author | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-11-01 07:45:47 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-11-01 07:45:47 +0100 |
| commit | e7f1d07cba1f78b72eb43bfcdabc262359c4991a (patch) | |
| tree | 04dbbcb9a5ed0ccf1cfb31bdce6a7ab9a5866be8 /files/fr/web/svg/element | |
| parent | aab1606ed15d15bb1dc3a73f33dd60b7230e77fa (diff) | |
| download | translated-content-e7f1d07cba1f78b72eb43bfcdabc262359c4991a.tar.gz translated-content-e7f1d07cba1f78b72eb43bfcdabc262359c4991a.tar.bz2 translated-content-e7f1d07cba1f78b72eb43bfcdabc262359c4991a.zip | |
Prepare SVG section for Markdown conversion (#2570)
* Remove summary classes
* Remove hidden classes out of pre
* Remove spans
* Remove notranslate class
* Remove ids out of headings
* missed 2 ids with regex
* clean note and warning cards
* fix headings errors
* Fix dls and as
* fix imgs
* lint stuff (absolute urls, english links)
* Temporarily readding file
* delete inexisting doc in en-US with flaws
* Fixes #2842 for SVG
Diffstat (limited to 'files/fr/web/svg/element')
39 files changed, 205 insertions, 216 deletions
diff --git a/files/fr/web/svg/element/a/index.html b/files/fr/web/svg/element/a/index.html index dcd2251bff..a3d70a3edd 100644 --- a/files/fr/web/svg/element/a/index.html +++ b/files/fr/web/svg/element/a/index.html @@ -15,19 +15,18 @@ translation_of: Web/SVG/Element/a <h2 id="Exemple">Exemple</h2> -<div class="hidden"> -<pre class="brush: css">@namespace svgns url(http://www.w3.org/2000/svg); +<pre class="brush: css hidden">@namespace svgns url(http://www.w3.org/2000/svg); html,body,svg { height:100% }</pre> -</div> + <pre class="brush: html"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Un lien autour d'une forme --> - <a href="https://developer.mozilla.org/docs/Web/SVG/Element/circle"> + <a href="/docs/Web/SVG/Element/circle"> <circle cx="50" cy="40" r="35"/> </a> <!-- Un lien autour d'un texte --> - <a href="https://developer.mozilla.org/docs/Web/SVG/Element/circle"> + <a href="/docs/Web/SVG/Element/circle"> <text x="50" y="90" text-anchor="middle"> &lt;circle&gt; </text> @@ -55,7 +54,7 @@ svgns|a:hover, svgns|a:active { <p>{{EmbedLiveSample('Exemple', 100, 100)}}</p> <div class="warning"> -<p>Étant donné que cet élément partage son nom de balise avec l'<a href="/fr/docs/Web/HTML/Element/a">élément HTML <code><a></code></a>, la sélection de "<code>a</code>" avec CSS ou <a href="/fr/docs/Web/API/Document/querySelector"><code>querySelector</code></a> peut s'appliquer au mauvais type d'élément. La <a href="/fr/docs/Web/CSS/@namespace">règle <code>@namespace</code></a> permet de faire la distinction entre les deux.</p> + <p><strong>Attention :</strong> Étant donné que cet élément partage son nom de balise avec l'<a href="/fr/docs/Web/HTML/Element/a">élément HTML <code><a></code></a>, la sélection de "<code>a</code>" avec CSS ou <a href="/fr/docs/Web/API/Document/querySelector"><code>querySelector</code></a> peut s'appliquer au mauvais type d'élément. La <a href="/fr/docs/Web/CSS/@namespace">règle <code>@namespace</code></a> permet de faire la distinction entre les deux.</p> </div> <h2 id="Attributs">Attributs</h2> @@ -96,7 +95,7 @@ svgns|a:hover, svgns|a:active { <h2 id="Interface_DOM">Interface DOM</h2> -<p>Cet élément implémente l'interface <code><a href="/en-US/docs/DOM/SVGAElement" title="DOM/SVGAElement">SVGAElement</a></code>.</p> +<p>Cet élément implémente l'interface <code><a href="/fr/docs/DOM/SVGAElement" title="DOM/SVGAElement">SVGAElement</a></code>.</p> <h2 id="Spécifications">Spécifications</h2> diff --git a/files/fr/web/svg/element/altglyphdef/index.html b/files/fr/web/svg/element/altglyphdef/index.html index 26f1616c86..a326de0562 100644 --- a/files/fr/web/svg/element/altglyphdef/index.html +++ b/files/fr/web/svg/element/altglyphdef/index.html @@ -22,7 +22,7 @@ translation_of: Web/SVG/Element/altGlyphDef <h3 id="Attributs_globaux">Attributs globaux</h3> <ul> - <li><a href="https://developer.mozilla.org/fr/docs/Web/SVG/Attribute#Core">Attributs fondamentaux</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#Core">Attributs fondamentaux</a> »</li> </ul> <h3 id="Attributs_spécifiques">Attributs spécifiques</h3> @@ -31,7 +31,7 @@ translation_of: Web/SVG/Element/altGlyphDef <h2 id="Interface_DOM">Interface DOM</h2> -<p>Cet élément implémente l'interface <code><a class="new" href="/fr/docs/Web/API/SVGAltGlyphDefElement" title="en/DOM/SVGAltGlyphElement">SVGAltGlyphDefElement</a></code>.</p> +<p>Cet élément implémente l'interface <code><a href="/fr/docs/Web/API/SVGAltGlyphDefElement" title="en/DOM/SVGAltGlyphElement">SVGAltGlyphDefElement</a></code>.</p> <h2 id="Voir_également">Voir également</h2> diff --git a/files/fr/web/svg/element/altglyphitem/index.html b/files/fr/web/svg/element/altglyphitem/index.html index ddd7465200..2302fb57fa 100644 --- a/files/fr/web/svg/element/altglyphitem/index.html +++ b/files/fr/web/svg/element/altglyphitem/index.html @@ -22,7 +22,7 @@ translation_of: Web/SVG/Element/altGlyphItem <h3 id="Attributs_globaux">Attributs globaux</h3> <ul> - <li><a href="https://developer.mozilla.org/fr/docs/Web/SVG/Attribute#Core">Attributs fondamentaux</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#Core">Attributs fondamentaux</a> »</li> </ul> <h3 id="Attributs_spécifiques">Attributs spécifiques</h3> @@ -31,7 +31,7 @@ translation_of: Web/SVG/Element/altGlyphItem <h2 id="Interface_DOM">Interface DOM</h2> -<p>Cet élément implémente l'interface <code><a class="new" href="/fr/docs/Web/API/SVGAltGlyphItemElement" title="en/DOM/SVGAltGlyphElement">SVGAltGlyphItemElement</a></code>.</p> +<p>Cet élément implémente l'interface <code><a href="/fr/docs/Web/API/SVGAltGlyphItemElement" title="en/DOM/SVGAltGlyphElement">SVGAltGlyphItemElement</a></code>.</p> <p> </p> diff --git a/files/fr/web/svg/element/animate/index.html b/files/fr/web/svg/element/animate/index.html index fdd49d7f6e..49b8564999 100644 --- a/files/fr/web/svg/element/animate/index.html +++ b/files/fr/web/svg/element/animate/index.html @@ -44,7 +44,7 @@ translation_of: Web/SVG/Element/animate <h2 id="Interface_DOM">Interface DOM</h2> -<p>Cet élément implémente l'interface <code><a href="/en-US/docs/Web/DOM/SVGAnimateElement">SVGAnimateElement</a></code>.</p> +<p>Cet élément implémente l'interface <code><a href="/fr/docs/Web/DOM/SVGAnimateElement">SVGAnimateElement</a></code>.</p> <h2 id="Exemple">Exemple</h2> @@ -74,7 +74,7 @@ translation_of: Web/SVG/Element/animate <li><a href="https://alistapart.com/article/designing-safer-web-animation-for-motion-sensitivity">Designing Safer Web Animation For Motion Sensitivity · An A List Apart Article </a></li> <li><a href="https://css-tricks.com/introduction-reduced-motion-media-query/">An Introduction to the Reduced Motion Media Query | CSS-Tricks</a></li> <li><a href="https://webkit.org/blog/7551/responsive-design-for-motion/">Responsive Design for Motion | WebKit</a></li> - <li><a href="/en-US/docs/Web/Accessibility/Understanding_WCAG/Operable#Guideline_2.2_%E2%80%94_Enough_Time_Provide_users_enough_time_to_read_and_use_content">MDN Understanding WCAG, Guideline 2.2 explanations</a></li> + <li><a href="/fr/docs/Web/Accessibility/Understanding_WCAG/Operable#Guideline_2.2_%E2%80%94_Enough_Time_Provide_users_enough_time_to_read_and_use_content">MDN Understanding WCAG, Guideline 2.2 explanations</a></li> <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-pause.html">Understanding Success Criterion 2.2.2 | W3C Understanding WCAG 2.0</a></li> </ul> diff --git a/files/fr/web/svg/element/animatecolor/index.html b/files/fr/web/svg/element/animatecolor/index.html index 9b274cfadc..dd2d640ab4 100644 --- a/files/fr/web/svg/element/animatecolor/index.html +++ b/files/fr/web/svg/element/animatecolor/index.html @@ -10,7 +10,7 @@ translation_of: Web/SVG/Element/animateColor <div>{{SVGRef}}{{deprecated_header}}</div> <div class="warning"> -<p>Cet élément est déprécié depuis SVG 1.1 Deuxième édition et peut etre retiré dans une prochaine version de SVG. Il ne fournis pas de fonctionnalités non disponible en utilisant l'élément {{ SVGElement("animate") }}. Il n'est pas implémenté dans Firefox ni dans Internet Explorer. Il est préférable d'utiliser l'élément {{ SVGElement("animate") }} à la place.</p> + <p><strong>Attention :</strong> Cet élément est déprécié depuis SVG 1.1 Deuxième édition et peut etre retiré dans une prochaine version de SVG. Il ne fournis pas de fonctionnalités non disponible en utilisant l'élément {{ SVGElement("animate") }}. Il n'est pas implémenté dans Firefox ni dans Internet Explorer. Il est préférable d'utiliser l'élément {{ SVGElement("animate") }} à la place.</p> </div> <p>L'élément <strong><code><animateColor></code></strong> spécifie une transformation de couleur à travers le temps.</p> @@ -24,14 +24,14 @@ translation_of: Web/SVG/Element/animateColor <h3 id="Attributs_globaux">Attributs globaux</h3> <ul> - <li><a href="https://developer.mozilla.org/fr/docs/Web/SVG/Attribute#ConditionalProccessing">Attributs à traitement conditionnel</a> »</li> - <li><a href="https://developer.mozilla.org/fr/docs/Web/SVG/Attribute#Core">Attributs fondamentaux</a> »</li> - <li><a href="https://developer.mozilla.org/fr/docs/SVG/Attribute#AnimationEvent">Attributs d'événements d'animation</a> »</li> - <li><a href="https://developer.mozilla.org/fr/docs/Web/SVG/Attribute#XLink">Attributs XLink</a> »</li> - <li><a href="https://developer.mozilla.org/fr/docs/Web/SVG/Attribute#AnimationAttributeTarget">Attributs de cible d'attribut d'animation</a> »</li> - <li><a href="https://developer.mozilla.org/fr/docs/SVG/Attribute#AnimationTiming" title="SVG/Attribute#AnimationTiming">Attributs d'animation de timing</a> »</li> - <li><a href="https://developer.mozilla.org/fr/docs/SVG/Attribute#AnimationValue" title="SVG/Attribute#AnimationValue">Attributs d'animation de valeurs</a> »</li> - <li><a href="https://developer.mozilla.org/fr/docs/SVG/Attribute#AnimationAddition" title="SVG/Attribute#AnimationAddition">Attributs d'animation d'ajout</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#ConditionalProccessing">Attributs à traitement conditionnel</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#Core">Attributs fondamentaux</a> »</li> + <li><a href="/fr/docs/SVG/Attribute#AnimationEvent">Attributs d'événements d'animation</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#XLink">Attributs XLink</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#AnimationAttributeTarget">Attributs de cible d'attribut d'animation</a> »</li> + <li><a href="/fr/docs/SVG/Attribute#AnimationTiming" title="SVG/Attribute#AnimationTiming">Attributs d'animation de timing</a> »</li> + <li><a href="/fr/docs/SVG/Attribute#AnimationValue" title="SVG/Attribute#AnimationValue">Attributs d'animation de valeurs</a> »</li> + <li><a href="/fr/docs/SVG/Attribute#AnimationAddition" title="SVG/Attribute#AnimationAddition">Attributs d'animation d'ajout</a> »</li> <li>{{ SVGAttr("externalResourcesRequired") }}</li> </ul> diff --git a/files/fr/web/svg/element/animatemotion/index.html b/files/fr/web/svg/element/animatemotion/index.html index 059aab46e5..d5bc8130ca 100644 --- a/files/fr/web/svg/element/animatemotion/index.html +++ b/files/fr/web/svg/element/animatemotion/index.html @@ -20,13 +20,13 @@ translation_of: Web/SVG/Element/animateMotion <h3 id="Attributs_globaux">Attributs globaux</h3> <ul> - <li><a href="https://developer.mozilla.org/fr/docs/Web/SVG/Attribute#ConditionalProccessing">Attributs à traitement conditionnel</a> »</li> - <li><a href="https://developer.mozilla.org/fr/docs/Web/SVG/Attribute#Core">Attributs fondamentaux</a> »</li> - <li><a href="https://developer.mozilla.org/fr/docs/SVG/Attribute#AnimationEvent">Attributs d'événements d'animation</a> »</li> - <li><a href="https://developer.mozilla.org/fr/docs/Web/SVG/Attribute#XLink">Attributs XLink</a> »</li> - <li><a href="https://developer.mozilla.org/fr/docs/SVG/Attribute#AnimationTiming" title="SVG/Attribute#AnimationTiming">Attributs d'animation de timing</a> »</li> - <li><a href="https://developer.mozilla.org/fr/docs/SVG/Attribute#AnimationValue" title="SVG/Attribute#AnimationValue">Attributs d'animation de valeurs</a> »</li> - <li><a href="https://developer.mozilla.org/fr/docs/SVG/Attribute#AnimationAddition" title="SVG/Attribute#AnimationAddition">Attributs d'animation d'ajout</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#ConditionalProccessing">Attributs à traitement conditionnel</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#Core">Attributs fondamentaux</a> »</li> + <li><a href="/fr/docs/SVG/Attribute#AnimationEvent">Attributs d'événements d'animation</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#XLink">Attributs XLink</a> »</li> + <li><a href="/fr/docs/SVG/Attribute#AnimationTiming" title="SVG/Attribute#AnimationTiming">Attributs d'animation de timing</a> »</li> + <li><a href="/fr/docs/SVG/Attribute#AnimationValue" title="SVG/Attribute#AnimationValue">Attributs d'animation de valeurs</a> »</li> + <li><a href="/fr/docs/SVG/Attribute#AnimationAddition" title="SVG/Attribute#AnimationAddition">Attributs d'animation d'ajout</a> »</li> <li>{{ SVGAttr("externalResourcesRequired") }}</li> </ul> diff --git a/files/fr/web/svg/element/animatetransform/index.html b/files/fr/web/svg/element/animatetransform/index.html index ba0230f67a..b572d797e3 100644 --- a/files/fr/web/svg/element/animatetransform/index.html +++ b/files/fr/web/svg/element/animatetransform/index.html @@ -40,14 +40,14 @@ translation_of: Web/SVG/Element/animateTransform <h3 id="Attributs_globaux">Attributs globaux</h3> <ul> - <li><a href="/en-US/docs/SVG/Attribute#ConditionalProccessing" title="en/SVG/Attribute#ConditionalProccessing"><span class="short_text" id="result_box" lang="fr"><span class="hps">Attributs de traitement conditionnel</span></span></a> »</li> - <li><a href="/en-US/docs/SVG/Attribute#Core" title="en/SVG/Attribute#Core">Attributs de base</a> »</li> - <li><a href="/en-US/docs/SVG/Attribute#AnimationEvent" title="en/SVG/Attribute#AnimationEvent">Attributs de l'évènement d'animation</a> »</li> - <li><a href="/en-US/docs/SVG/Attribute#XLink" title="en/SVG/Attribute#XLink">Attributs Xlink</a> »</li> - <li><a href="/en-US/docs/SVG/Attribute#AnimationAttributeTarget" title="en/SVG/Attribute#AnimationAttributeTarget">Attributs de ciblage d'animation</a> »</li> - <li><a href="/en-US/docs/SVG/Attribute#AnimationTiming" title="en/SVG/Attribute#AnimationTiming">Attributs de chronométrage d'animation</a> »</li> - <li><a href="/en-US/docs/SVG/Attribute#AnimationValue" title="en/SVG/Attribute#AnimationValue">Attributs de valeur d'animation</a> »</li> - <li><a href="/en-US/docs/SVG/Attribute#AnimationAddition" title="en/SVG/Attribute#AnimationAddition">Attributs d'ajout d'animations</a> »</li> + <li><a href="/fr/docs/SVG/Attribute#ConditionalProccessing" title="en/SVG/Attribute#ConditionalProccessing">Attributs de traitement conditionnel</a> »</li> + <li><a href="/fr/docs/SVG/Attribute#Core" title="en/SVG/Attribute#Core">Attributs de base</a> »</li> + <li><a href="/fr/docs/SVG/Attribute#AnimationEvent" title="en/SVG/Attribute#AnimationEvent">Attributs de l'évènement d'animation</a> »</li> + <li><a href="/fr/docs/SVG/Attribute#XLink" title="en/SVG/Attribute#XLink">Attributs Xlink</a> »</li> + <li><a href="/fr/docs/SVG/Attribute#AnimationAttributeTarget" title="en/SVG/Attribute#AnimationAttributeTarget">Attributs de ciblage d'animation</a> »</li> + <li><a href="/fr/docs/SVG/Attribute#AnimationTiming" title="en/SVG/Attribute#AnimationTiming">Attributs de chronométrage d'animation</a> »</li> + <li><a href="/fr/docs/SVG/Attribute#AnimationValue" title="en/SVG/Attribute#AnimationValue">Attributs de valeur d'animation</a> »</li> + <li><a href="/fr/docs/SVG/Attribute#AnimationAddition" title="en/SVG/Attribute#AnimationAddition">Attributs d'ajout d'animations</a> »</li> <li>{{ SVGAttr("externalResourcesRequired") }}</li> </ul> @@ -62,7 +62,7 @@ translation_of: Web/SVG/Element/animateTransform <h2 id="Interface_DOM">Interface DOM</h2> -<p>Cet élément implémente l'interface <code><a href="/en-US/docs/DOM/SVGAnimateTransformElement" title="en/DOM/SVGAnimateTransformElement">SVGAnimateTransformElement</a></code>.</p> +<p>Cet élément implémente l'interface <code><a href="/fr/docs/DOM/SVGAnimateTransformElement" title="en/DOM/SVGAnimateTransformElement">SVGAnimateTransformElement</a></code>.</p> <h2 id="Spécifications">Spécifications</h2> diff --git a/files/fr/web/svg/element/circle/index.html b/files/fr/web/svg/element/circle/index.html index 8cc64ab6f0..6fba0b5e8d 100644 --- a/files/fr/web/svg/element/circle/index.html +++ b/files/fr/web/svg/element/circle/index.html @@ -17,9 +17,7 @@ translation_of: Web/SVG/Element/circle <h2 id="Exemple">Exemple</h2> -<div class="hidden"> -<pre class="brush: css"> html,body,svg { height:100% } </pre> -</div> +<pre class="brush: css hidden"> html,body,svg { height:100% } </pre> <pre class="brush: html"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> diff --git a/files/fr/web/svg/element/clippath/index.html b/files/fr/web/svg/element/clippath/index.html index 60707ba146..8ff3ec5a54 100644 --- a/files/fr/web/svg/element/clippath/index.html +++ b/files/fr/web/svg/element/clippath/index.html @@ -12,10 +12,9 @@ translation_of: Web/SVG/Element/clipPath <p>Le détourage limite la zone dans laquelle l'élément sur lequel il est appliqué sera dessiné. Autrement dit, les parties de l'élément en dehors de la forme créée par le détourage ne seront pas affichées.</p> -<div id="Example"> -<div class="hidden"> -<pre class="brush: css">html,body,svg { height:100% }</pre> -</div> +<h2>Exemple</h2> + +<pre class="brush: css hidden">html,body,svg { height:100% }</pre> <pre class="brush: html"><svg viewBox="0 0 100 100"> <clipPath id="myClip"> @@ -42,8 +41,7 @@ translation_of: Web/SVG/Element/clipPath animation: openYourHeart 15s infinite; }</pre> -<p>{{EmbedLiveSample('Example', 100, 100)}}</p> -</div> +<p>{{EmbedLiveSample('exemple', 100, 100)}}</p> <p>Sur le plan conceptuel, un détourage est un peu comme une zone d'affichage personnalisée pour l'élément sur lequel il est appliqué. Cela va limiter la zone dans laquelle l'élément est affiché, sans affecter sa géométrie (position, taille, etc).</p> diff --git a/files/fr/web/svg/element/defs/index.html b/files/fr/web/svg/element/defs/index.html index 2531f7524a..6072fe6564 100644 --- a/files/fr/web/svg/element/defs/index.html +++ b/files/fr/web/svg/element/defs/index.html @@ -36,10 +36,10 @@ translation_of: Web/SVG/Element/defs <h3 id="Attributs_globaux">Attributs globaux</h3> <ul> - <li><a href="/en-US/docs/Web/SVG/Attribute#ConditionalProccessing">Conditional processing attributes</a> »</li> - <li><a href="/en-US/docs/Web/SVG/Attribute#Core">Core attributes</a> »</li> - <li><a href="/en-US/docs/Web/SVG/Attribute#GraphicalEvent">Graphical event attributes</a> »</li> - <li><a href="/en-US/docs/Web/SVG/Attribute#Presentation">Presentation attributes</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#ConditionalProccessing">Conditional processing attributes</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#Core">Core attributes</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#GraphicalEvent">Graphical event attributes</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#Presentation">Presentation attributes</a> »</li> <li>{{SVGAttr("class")}}</li> <li>{{SVGAttr("style")}}</li> <li>{{SVGAttr("externalResourcesRequired")}}</li> @@ -52,7 +52,7 @@ translation_of: Web/SVG/Element/defs <h2 id="Interface_avec_DOM">Interface avec DOM</h2> -<p>Cet élément est implémenté par l'interface <code><a href="/en-US/docs/Web/API/SVGDefsElement">SVGDefsElement</a></code>.</p> +<p>Cet élément est implémenté par l'interface <code><a href="/fr/docs/Web/API/SVGDefsElement">SVGDefsElement</a></code>.</p> <h2 id="Spécifications">Spécifications</h2> diff --git a/files/fr/web/svg/element/desc/index.html b/files/fr/web/svg/element/desc/index.html index 02cb205cdd..8ef116c3d2 100644 --- a/files/fr/web/svg/element/desc/index.html +++ b/files/fr/web/svg/element/desc/index.html @@ -19,7 +19,7 @@ translation_of: Web/SVG/Element/desc <h2 id="Attributs">Attributs</h2> -<h3 id="Attributs_globaux" style="line-height: 24px; font-size: 1.71428571428571rem;">Attributs globaux</h3> +<h3 id="Attributs_globaux">Attributs globaux</h3> <ul> <li><a href="/fr/docs/Web/SVG/Attribute#Attributs_de_base" title="en/SVG/Attribute#Core">Attributs de base</a> »</li> @@ -27,11 +27,11 @@ translation_of: Web/SVG/Element/desc <li>{{ SVGAttr("style") }}</li> </ul> -<h3 id="Attributs_spécifiques" style="line-height: 24px; font-size: 1.71428571428571rem;">Attributs spécifiques</h3> +<h3 id="Attributs_spécifiques">Attributs spécifiques</h3> <p><em>(Aucun)</em></p> -<h2 id="Interface_DOM" style="line-height: 30px; font-size: 2.14285714285714rem;">Interface DOM</h2> +<h2 id="Interface_DOM">Interface DOM</h2> <p>Cet élément implémente l'interface <code><a href="/fr/docs/Web/API/SVGDescElement" title="en/DOM/SVGDescElement">SVGDescElement</a></code>.</p> diff --git a/files/fr/web/svg/element/ellipse/index.html b/files/fr/web/svg/element/ellipse/index.html index 4ca81837ec..450766fb25 100644 --- a/files/fr/web/svg/element/ellipse/index.html +++ b/files/fr/web/svg/element/ellipse/index.html @@ -15,7 +15,7 @@ translation_of: Web/SVG/Element/ellipse <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"><svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg"> +<pre class="brush: xml"><svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg"> <ellipse cx="100" cy="50" rx="100" ry="50" /> </svg></pre> @@ -94,7 +94,7 @@ translation_of: Web/SVG/Element/ellipse <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> +<p>Cet élément implémente l'interface <code><a href="/fr/DOM/SVGEllipseElement" title="en/DOM/SVGEllipseElement">SVGEllipseElement</a></code>.</p> <h2 id="Specifications">Spécifications</h2> diff --git a/files/fr/web/svg/element/fecomposite/index.html b/files/fr/web/svg/element/fecomposite/index.html index 903bc3d238..096b79e038 100644 --- a/files/fr/web/svg/element/fecomposite/index.html +++ b/files/fr/web/svg/element/fecomposite/index.html @@ -33,7 +33,7 @@ translation_of: Web/SVG/Element/feComposite <ul> <li><a href="/fr/docs/Web/SVG/Attribute#Attributs_de_présentation">Attributs de base</a></li> - <li><a href="/en-US/docs/Web/SVG/Attribute#Presentation_attributes">Attributs de présentation</a></li> + <li><a href="/fr/docs/Web/SVG/Attribute#Presentation_attributes">Attributs de présentation</a></li> <li><a href="/fr/docs/Web/SVG/Attribute#Attributs_de_primitives_de_filtre">Attributs de primitive de filtre</a></li> <li>{{SVGAttr("class")}}</li> <li>{{SVGAttr("style")}}</li> diff --git a/files/fr/web/svg/element/feconvolvematrix/index.html b/files/fr/web/svg/element/feconvolvematrix/index.html index e2621f7c59..21e05a3104 100644 --- a/files/fr/web/svg/element/feconvolvematrix/index.html +++ b/files/fr/web/svg/element/feconvolvematrix/index.html @@ -13,7 +13,7 @@ translation_of: Web/SVG/Element/feConvolveMatrix <p>Une convolution de matrice se fonde sur une matrice n par m (le noyau de convolution), qui décrit la façon dont une valeur de pixel donné de l'image en entrée est combinée avec celles des pixels de son voisinage pour aboutir à une valeur de pixel résultante. Chaque pixel du résultat est déterminé par l'application de la matrice noyau sur le pixel source correspondant et ses pixels voisins. La formule de convolution de base, appliquée à chaque valeur de couleur d'un pixel donné, est :</p> -<p id="feConvolveMatrixElementFormula">COLOR<sub>X,Y</sub> = ( <br> +<p>COLOR<sub>X,Y</sub> = ( <br> SUM <sub>I=0 to [<a href="https://www.w3.org/TR/SVG11/filters.html#feConvolveMatrixElementOrderAttribute">orderY</a>-1]</sub> { <br> SUM <sub>J=0 to [<a href="https://www.w3.org/TR/SVG11/filters.html#feConvolveMatrixElementOrderAttribute">orderX</a>-1]</sub> { <br> SOURCE <sub>X-<a href="https://www.w3.org/TR/SVG11/filters.html#feConvolveMatrixElementTargetXAttribute">targetX</a>+J, Y-<a href="https://www.w3.org/TR/SVG11/filters.html#feConvolveMatrixElementTargetYAttribute">targetY</a>+I</sub> * <a href="https://www.w3.org/TR/SVG11/filters.html#feConvolveMatrixElementKernelMatrixAttribute">kernelMatrix</a><sub><a href="https://www.w3.org/TR/SVG11/filters.html#feConvolveMatrixElementOrderAttribute">orderX</a>-J-1, <a href="https://www.w3.org/TR/SVG11/filters.html#feConvolveMatrixElementOrderAttribute">orderY</a>-I-1</sub> <br> @@ -50,7 +50,7 @@ translation_of: Web/SVG/Element/feConvolveMatrix 7 8 9 </pre> -<p>Concentrons-nous sur la valeur de couleur de la deuxième ligne, deuxième colonne (la valeur du pixel source est 120). En supposant le cas le plus simple (quand le quadrillage de pixels de l'image source s'aligne parfaitement avec celui du noyau) et en supposant les valeurs par défaut des attributs <code><span class="attr-name">divisor</span></code>, <code><span class="attr-name">targetX</span></code> et <code><span class="attr-name">targetY</span></code>, alors la valeur de couleur résultante sera :</p> +<p>Concentrons-nous sur la valeur de couleur de la deuxième ligne, deuxième colonne (la valeur du pixel source est 120). En supposant le cas le plus simple (quand le quadrillage de pixels de l'image source s'aligne parfaitement avec celui du noyau) et en supposant les valeurs par défaut des attributs <code>divisor</code>, <code>targetX</code> et <code>targetY</code>, alors la valeur de couleur résultante sera :</p> <pre>(9* 0 + 8* 20 + 7* 40 + 6*100 + 5*120 + 4*140 + diff --git a/files/fr/web/svg/element/fegaussianblur/index.html b/files/fr/web/svg/element/fegaussianblur/index.html index 7dfc80a073..c2a9fdbe70 100644 --- a/files/fr/web/svg/element/fegaussianblur/index.html +++ b/files/fr/web/svg/element/fegaussianblur/index.html @@ -1,10 +1,6 @@ --- title: <feGaussianBlur> slug: Web/SVG/Element/feGaussianBlur -tags: - - Element - - SVG - - SVG Filter translation_of: Web/SVG/Element/feGaussianBlur --- <div>{{SVGRef}}</div> @@ -20,9 +16,9 @@ translation_of: Web/SVG/Element/feGaussianBlur <h3 id="Attributs_globaux">Attributs globaux</h3> <ul> - <li><a href="/fr/docs/Web/SVG/Attribute#Attributs_de_base">Attributs de base</a></li> - <li><a href="/fr/docs/Web/SVG/Attribute#Attributs_de_présentation">Attributs de présentation</a></li> - <li><a href="/fr/docs/Web/SVG/Attribute#Attributs_de_primitives_de_filtre">Attributs de primitives de filtres</a></li> + <li><a href="/fr/docs/Web/SVG/Attribute#attributs_de_base">Attributs de base</a></li> + <li><a href="/fr/docs/Web/SVG/Attribute#attributs_de_présentation">Attributs de présentation</a></li> + <li><a href="/fr/docs/Web/SVG/Attribute#attributs_de_primitives_de_filtre">Attributs de primitives de filtres</a></li> <li>{{SVGAttr("class")}}</li> <li>{{SVGAttr("style")}}</li> </ul> @@ -61,9 +57,9 @@ translation_of: Web/SVG/Element/feGaussianBlur <h4 id="Résultat">Résultat</h4> -<p>{{EmbedLiveSample("Exemple_simple",232,124,"/files/4227/feGaussianBlur.png")}}</p> +<p>{{EmbedLiveSample("Exemple_simple",232,124)}}</p> -<h3 id="Exemple_d'ombre_portée">Exemple d'ombre portée</h3> +<h3 id="Exemple_avec_une_ombre_portée">Exemple avec une ombre portée</h3> <h4 id="SVG_2">SVG</h4> @@ -86,7 +82,7 @@ translation_of: Web/SVG/Element/feGaussianBlur <h4 id="Résultat_2">Résultat</h4> -<p>{{EmbedLiveSample("Exemple_d'ombre_portée",125,124,"/files/4229/feGaussianBlur-dropshadow.png")}}</p> +<p>{{EmbedLiveSample("Exemple_avec_une_ombre_portée",125,124)}}</p> <h2 id="Spécifications">Spécifications</h2> @@ -135,5 +131,5 @@ translation_of: Web/SVG/Element/feGaussianBlur <li>{{SVGElement("feSpecularLighting")}}</li> <li>{{SVGElement("feTile")}}</li> <li>{{SVGElement("feTurbulence")}}</li> - <li><a href="/fr/docs/Web/SVG/Tutoriel/filtres">Tutoriel SVG: Filtres</a></li> + <li><a href="/fr/docs/Web/SVG/Tutorial/Filter_effects">Tutoriel SVG: Filtres</a></li> </ul> diff --git a/files/fr/web/svg/element/fetile/index.html b/files/fr/web/svg/element/fetile/index.html index b66ac9f9bf..f4acbdf1c9 100644 --- a/files/fr/web/svg/element/fetile/index.html +++ b/files/fr/web/svg/element/fetile/index.html @@ -109,5 +109,5 @@ translation_of: Web/SVG/Element/feTile <li>{{SVGElement("feOffset")}}</li> <li>{{SVGElement("feSpecularLighting")}}</li> <li>{{SVGElement("feTurbulence")}}</li> - <li><a href="/en-US/docs/Web/SVG/Tutorial/Filter_effects">SVG tutorial: Filter effects</a></li> + <li><a href="/fr/docs/Web/SVG/Tutorial/Filter_effects">SVG tutorial: Filter effects</a></li> </ul> diff --git a/files/fr/web/svg/element/foreignobject/index.html b/files/fr/web/svg/element/foreignobject/index.html index ef67d24b0b..993f08a761 100644 --- a/files/fr/web/svg/element/foreignobject/index.html +++ b/files/fr/web/svg/element/foreignobject/index.html @@ -11,10 +11,9 @@ translation_of: Web/SVG/Element/foreignObject <p>L'élément <strong><code><foreignObject></code></strong> permet d'inclure des éléments d'un espace de noms XML différent à l'intérieur du <a href="/fr/docs/Web/SVG">SVG</a>. Dans le contexte d'un navigateur, il s'agit généralement d'inclure du XHTML/HTML.</p> -<div id="Exemple"> -<div class="hidden"> -<pre class="brush: css">html,body,svg { height:100% }</pre> -</div> +<h2>Exemple</h2> + +<pre class="brush: css hidden">html,body,svg { height:100% }</pre> <pre class="brush: html; highlight[16,27]"><svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <style> @@ -45,8 +44,7 @@ translation_of: Web/SVG/Element/foreignObject </foreignObject> </svg></pre> -<p>{{EmbedLiveSample('Exemple', 150, '100%')}}</p> -</div> +<p>{{EmbedLiveSample('exemple', 150, '100%')}}</p> <h2 id="Attributs">Attributs</h2> diff --git a/files/fr/web/svg/element/g/index.html b/files/fr/web/svg/element/g/index.html index e5b414e425..87392d44f3 100644 --- a/files/fr/web/svg/element/g/index.html +++ b/files/fr/web/svg/element/g/index.html @@ -14,21 +14,20 @@ translation_of: Web/SVG/Element/g <p>Les transformations appliquées à l'élément <code>g</code> sont reportées à tous ses éléments enfants. Les attributs appliqués sont également reportés aux éléments enfants. De plus, il peut être utilisé pour définir des objets complexes qui seront référencés ultérieurement avec l'élément {{SVGElement("use")}}.</p> -<div id="Exemple"> -<div class="hidden"> -<pre class="brush: css line-numbers language-css"><code class="language-css"><span class="selector token">html,body,svg </span><span class="punctuation token">{</span> <span class="property token">height</span><span class="punctuation token">:</span><span class="number token">100%</span> <span class="punctuation token">}</span></code></pre> -</div> - -<pre class="brush: html; highlight[4] line-numbers language-html"><code class="language-html"><span class="tag token"><span class="tag token"><span class="punctuation token"><</span>svg</span> <span class="attr-name token">viewBox</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>0 0 100 100<span class="punctuation token">"</span></span> <span class="attr-name token">xmlns</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>http://www.w3.org/2000/svg<span class="punctuation token">"</span></span><span class="punctuation token">></span></span> - <span class="comment token"><!-- Les enfants de g héritent de ses attributs de présentation --></span> - <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>g</span> <span class="attr-name token">fill</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>white<span class="punctuation token">"</span></span> <span class="attr-name token">stroke</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>green<span class="punctuation token">"</span></span> <span class="attr-name token">stroke-width</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>5<span class="punctuation token">"</span></span><span class="punctuation token">></span></span> - <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>circle</span> <span class="attr-name token">cx</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>40<span class="punctuation token">"</span></span> <span class="attr-name token">cy</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>40<span class="punctuation token">"</span></span> <span class="attr-name token">r</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>25<span class="punctuation token">"</span></span> <span class="punctuation token">/></span></span> - <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>circle</span> <span class="attr-name token">cx</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>60<span class="punctuation token">"</span></span> <span class="attr-name token">cy</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>60<span class="punctuation token">"</span></span> <span class="attr-name token">r</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>25<span class="punctuation token">"</span></span> <span class="punctuation token">/></span></span> - <span class="tag token"><span class="tag token"><span class="punctuation token"></</span>g</span><span class="punctuation token">></span></span> -<span class="tag token"><span class="tag token"><span class="punctuation token"></</span>svg</span><span class="punctuation token">></span></span></code></pre> -</div> - -<p>{{EmbedLiveSample('Exemple', 100, '100%')}}</p> +<h2>Exemple</h2> + +<pre class="brush: css hidden">html,body,svg { height:100% }</pre> + + +<pre class="brush: html"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> + <!-- Les enfants de g héritent de ses attributs de présentation --> + <g fill="white" stroke="green" stroke-width="5"> + <circle cx="40" cy="40" r="25" /> + <circle cx="60" cy="60" r="25" /> + </g> +</svg></pre> + +<p>{{EmbedLiveSample('exemple', 100, '100%')}}</p> <h2 id="Attributs">Attributs</h2> diff --git a/files/fr/web/svg/element/hkern/index.html b/files/fr/web/svg/element/hkern/index.html index 60f8869c10..72fed53d97 100644 --- a/files/fr/web/svg/element/hkern/index.html +++ b/files/fr/web/svg/element/hkern/index.html @@ -23,7 +23,7 @@ translation_of: Web/SVG/Element/hkern <h3 id="Attributs_globaux">Attributs globaux</h3> <ul> - <li><a href="https://developer.mozilla.org/fr/docs/Web/SVG/Attribute#Core">Attributs fondamentaux</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#Core">Attributs fondamentaux</a> »</li> </ul> <h3 id="Attributs_spécifiques">Attributs spécifiques</h3> diff --git a/files/fr/web/svg/element/image/index.html b/files/fr/web/svg/element/image/index.html index e81004b2f9..24e230b8a4 100644 --- a/files/fr/web/svg/element/image/index.html +++ b/files/fr/web/svg/element/image/index.html @@ -15,7 +15,7 @@ translation_of: Web/SVG/Element/image <p>Rendu basique d'une image PNG dans un objet SVG :</p> -<pre class="brush: html notranslate"><svg width="100%" height="100%" viewBox="0 0 100 100" +<pre class="brush: html"><svg width="100%" height="100%" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <image xlink:href="/files/2917/fxlogo.png" x="0" y="0" height="100" width="100" /> @@ -33,7 +33,7 @@ translation_of: Web/SVG/Element/image <li><a href="/fr/SVG/Attribute#Core" title="en/SVG/Attribute#Core">Attributs noyau</a> »</li> <li><a href="/fr/SVG/Attribute#GraphicalEvent" title="en/SVG/Attribute#GraphicalEvent">Attributs d'événement graphique</a> »</li> <li><a href="/fr/SVG/Attribute#XLink" title="en/SVG/Attribute#XLink">Attributs Xlink</a> »</li> - <li><a href="/en/SVG/Attribute#Presentation" title="en/SVG/Attribute#Presentation">Attributs de présentation</a> »</li> + <li><a href="/fr/SVG/Attribute#Presentation" title="en/SVG/Attribute#Presentation">Attributs de présentation</a> »</li> <li>{{ SVGAttr("class") }}</li> <li>{{ SVGAttr("style") }}</li> <li>{{ SVGAttr("externalResourcesRequired") }}</li> diff --git a/files/fr/web/svg/element/index.html b/files/fr/web/svg/element/index.html index 730456be9f..1b01700206 100644 --- a/files/fr/web/svg/element/index.html +++ b/files/fr/web/svg/element/index.html @@ -11,13 +11,10 @@ tags: - 'l10n:priority' translation_of: Web/SVG/Element --- -<p>« <a href="https://developer.mozilla.org/en-US/docs/SVG">SVG</a> / <a href="/fr/docs/Web/SVG/Attribute">Référence des attributs SVG</a> »</p> - -<p><span class="seoSummary">Les dessins et les images SVG sont créés à l'aide d'un large éventail d'éléments dédiés à la construction, au dessin et à la mise en page d'images vectorielles et de diagrammes. Vous trouverez ici la documentation de référence pour chacun des éléments SVG.</span></p> +<p>Les dessins et les images SVG sont créés à l'aide d'un large éventail d'éléments dédiés à la construction, au dessin et à la mise en page d'images vectorielles et de diagrammes. Vous trouverez ici la documentation de référence pour chacun des éléments SVG.</p> <h2 id="Éléments_SVG_de_A_à_Z">Éléments SVG de A à Z</h2> -<div class="index"> <h3 id="A">A</h3> <ul> @@ -170,7 +167,6 @@ translation_of: Web/SVG/Element <ul> <li>{{SVGElement("view")}}</li> </ul> -</div> <h2 id="Les_éléments_SVG_par_catégories">Les éléments SVG par catégories</h2> @@ -248,8 +244,8 @@ translation_of: Web/SVG/Element <h2 id="Élements_obsolètes_et_dépréciés">Élements obsolètes et dépréciés</h2> -<div class="blockIndicator warning"> -<p>Les éléments ci-dessous sont dépréciés et ne doivent pas être utilisés. <strong>Vous ne devez absolument pas les utiliser dans des nouveux projets, et vous devez dans la mesure du possible les remplacer dans les vieux projets.</strong> Ils sont listés là uniquemnt à titre informatif.</p> +<div class="warning"> +<p><strong>Attention :</strong> Les éléments ci-dessous sont dépréciés et ne doivent pas être utilisés. <strong>Vous ne devez absolument pas les utiliser dans des nouveux projets, et vous devez dans la mesure du possible les remplacer dans les vieux projets.</strong> Ils sont listés là uniquemnt à titre informatif.</p> </div> <h3 id="A_2">A</h3> diff --git a/files/fr/web/svg/element/line/index.html b/files/fr/web/svg/element/line/index.html index c80dd0aeed..d5adf5895e 100644 --- a/files/fr/web/svg/element/line/index.html +++ b/files/fr/web/svg/element/line/index.html @@ -18,17 +18,18 @@ translation_of: Web/SVG/Element/line <p>{{svginfo}}</p> -<h2 id="Exemple">Exemple</h2> +<h2>Exemple</h2> -<p>» <a href="https://developer.mozilla.org/files/3254/line.svg" title="https://developer.mozilla.org/files/3254/line.svg">line.svg</a></p> +<pre class="brush: css hidden">html,body,svg { height:100% }</pre> -<p>Vous pouvez aussi appliquer une transformation pour avoir le même résultat. En commençant avec une ligne normale,</p> +<pre class="brush: html"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> + <line x1="0" y1="80" x2="100" y2="20" stroke="black" /> -<p>» <a href="https://developer.mozilla.org/files/3345/line1.svg" title="https://developer.mozilla.org/files/3345/line1.svg">line1.svg</a></p> + <!-- Si on n'indique pas stroke, la ligne de couleur + ne sera pas visible --> +</svg></pre> -<p>ajoutez des options de transformation pour changer la direction de la ligne :</p> - -<p>» <a href="https://developer.mozilla.org/files/3346/line2.svg" title="https://developer.mozilla.org/files/3346/line2.svg">line2.svg</a></p> +<p>{{EmbedLiveSample('exemple', 100, 100)}}</p> <h2 id="Attributs">Attributs</h2> diff --git a/files/fr/web/svg/element/lineargradient/index.html b/files/fr/web/svg/element/lineargradient/index.html index 11fc7a2c6f..8dfa75792d 100644 --- a/files/fr/web/svg/element/lineargradient/index.html +++ b/files/fr/web/svg/element/lineargradient/index.html @@ -60,7 +60,7 @@ translation_of: Web/SVG/Element/linearGradient x="10" y="10" width="100" height="100"/> </svg></pre> -<p>{{EmbedLiveSample("Exemple", 120, 120, "https://mdn.mozillademos.org/files/10061/svg-lineargradient.png")}}</p> +<p>{{EmbedLiveSample("Exemple", 120, 120)}}</p> <h2 id="Spécifications">Spécifications</h2> diff --git a/files/fr/web/svg/element/marker/index.html b/files/fr/web/svg/element/marker/index.html index 6c505e5147..6392f684b3 100644 --- a/files/fr/web/svg/element/marker/index.html +++ b/files/fr/web/svg/element/marker/index.html @@ -12,10 +12,9 @@ translation_of: Web/SVG/Element/marker <p>Les marqueurs sont attachés aux formes à l'aide des propriétés {{SVGAttr("marker-start")}}, {{SVGAttr("marker-mid")}}, et {{SVGAttr("marker-end")}}.</p> -<div id="Exemple"> -<div class="hidden"> -<pre class="brush: css">html,body,svg { height:100% }</pre> -</div> +<h2>Exemple</h2> + +<pre class="brush: css hidden">html,body,svg { height:100% }</pre> <pre class="brush: html"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <defs> @@ -42,8 +41,7 @@ translation_of: Web/SVG/Element/marker marker-start="url(#dot)" marker-mid="url(#dot)" marker-end="url(#dot)" /> </svg></pre> -<p>{{EmbedLiveSample('Exemple', 200, 200)}}</p> -</div> +<p>{{EmbedLiveSample('exemple', 200, 200)}}</p> <h2 id="Attributs">Attributs</h2> diff --git a/files/fr/web/svg/element/mask/index.html b/files/fr/web/svg/element/mask/index.html index b771cc8724..20f0088b0d 100644 --- a/files/fr/web/svg/element/mask/index.html +++ b/files/fr/web/svg/element/mask/index.html @@ -15,10 +15,9 @@ translation_of: Web/SVG/Element/mask <p>Le masque permet de rendre des zones de l'élément sur lequel est appliqué (semi-)transparentes. On peut par exemple créer un effet de fondu en utilisant un dégradé, ce que le détourage ({{SVGElement('clipPath')}}) ne permet pas.</p> -<div id="Example"> -<div class="hidden"> -<pre class="brush: css">html,body,svg { height:100% }</pre> -</div> +<h2>Exemple</h2> + +<pre class="brush: css hidden">html,body,svg { height:100% }</pre> <pre class="brush: html"><svg viewBox="-10 -10 120 120"> <mask id="myMask"> @@ -35,13 +34,12 @@ translation_of: Web/SVG/Element/mask <circle cx="50" cy="50" r="50" mask="url(#myMask)" /> </svg></pre> -<p>{{EmbedLiveSample('Example', 100, 100)}}</p> -</div> +<p>{{EmbedLiveSample('exemple', 100, 100)}}</p> <h2 id="Attributs">Attributs</h2> <dl> - <dt id="attr-cx">{{SVGAttr("height")}}</dt> + <dt>{{SVGAttr("height")}}</dt> <dd>Définit la hauteur du masque.<br> <small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#Length"><strong><length></strong></a> ; Valeur par défaut: <code>120%</code>; <em>Animation</em>: <strong>oui</strong></small></dd> <dt>{{SVGAttr("maskContentUnits")}}</dt> @@ -50,13 +48,13 @@ translation_of: Web/SVG/Element/mask <dt>{{SVGAttr("maskUnits")}}</dt> <dd>Définit le système de coordonnées pour les attributs {{SVGAttr("x")}}, {{SVGAttr("y")}}, {{SVGAttr("width")}} et {{SVGAttr("height")}} du <code><mask></code>.<br> <small><em>Valeur</em>: <code>userSpaceOnUse</code>|<code>objectBoundingBox</code> ; <em>Valeur par défaut</em>: <code>objectBoundingBox</code>; <em>Animation</em>: <strong>oui</strong></small></dd> - <dt id="attr-cx">{{SVGAttr("x")}}</dt> + <dt>{{SVGAttr("x")}}</dt> <dd>Définit la coordonnée de l'axe x du coin supérieur gauche du masque.<br> <small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#Coordinate"><strong><coordinate></strong></a> ; <em>Valeur par défaut</em>: <code>-10%</code>; <em>Animation</em>: <strong>oui</strong></small></dd> - <dt id="attr-cx">{{SVGAttr("y")}}</dt> + <dt>{{SVGAttr("y")}}</dt> <dd>Définit la coordonnée de l'axe y du coin supérieur gauche du masque.<br> <small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#Coordinate"><strong><coordinate></strong></a> ; <em>Valeur par défaut</em>: <code>-10%</code>; <em>Animation</em>: <strong>oui</strong></small></dd> - <dt id="attr-cx">{{SVGAttr("width")}}</dt> + <dt>{{SVGAttr("width")}}</dt> <dd>Définit la largeur du masque.<br> <small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#Length"><strong><length></strong></a> ; Valeur par défaut: <code>120%</code>; <em>Animation</em>: <strong>oui</strong></small></dd> </dl> diff --git a/files/fr/web/svg/element/path/index.html b/files/fr/web/svg/element/path/index.html index c2ecfd5096..9727d692be 100644 --- a/files/fr/web/svg/element/path/index.html +++ b/files/fr/web/svg/element/path/index.html @@ -15,7 +15,7 @@ translation_of: Web/SVG/Element/path <h2 id="Exemple">Exemple</h2> -<pre class="brush: xml notranslate"><?xml version="1.0" standalone="no"?> +<pre class="brush: 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" @@ -50,7 +50,7 @@ translation_of: Web/SVG/Element/path <h2 id="Interface_DOM">Interface DOM</h2> -<p>Cet élément implémente l'interface <code><a href="/en/DOM/SVGPathElement" title="en/DOM/SVGPathElement">SVGPathElement</a></code>.</p> +<p>Cet élément implémente l'interface <code><a href="/fr/DOM/SVGPathElement" title="en/DOM/SVGPathElement">SVGPathElement</a></code>.</p> <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> @@ -65,5 +65,5 @@ translation_of: Web/SVG/Element/path <li>{{ SVGElement("polygon") }}</li> <li>{{ SVGElement("polyline") }}</li> <li>{{ SVGElement("rect") }}</li> - <li><a href="/en/SVG/Tutorial/Paths" title="en/SVG/Tutorial/Paths">The MDN SVG "Getting Started" tutorial : Path</a></li> + <li><a href="/fr/SVG/Tutorial/Paths" title="en/SVG/Tutorial/Paths">The MDN SVG "Getting Started" tutorial : Path</a></li> </ul> diff --git a/files/fr/web/svg/element/pattern/index.html b/files/fr/web/svg/element/pattern/index.html index 85628e4936..e15af97156 100644 --- a/files/fr/web/svg/element/pattern/index.html +++ b/files/fr/web/svg/element/pattern/index.html @@ -14,10 +14,9 @@ translation_of: Web/SVG/Element/pattern <p>Le <strong><code><pattern></code></strong> 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é.</p> -<div id="example"> -<div class="hidden"> -<pre class="brush: css">html, body, svg { height: 100% }</pre> -</div> +<h2>Exemple</h2> + +<pre class="brush: css hidden">html, body, svg { height: 100% }</pre> <pre class="brush: html"><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></pre> -</div> -<p>{{EmbedLiveSample('example', 150, '100%')}}</p> +<p>{{EmbedLiveSample('exemple', 150, '100%')}}</p> <h2 id="attributes">Attributs</h2> @@ -43,41 +41,40 @@ translation_of: Web/SVG/Element/pattern <dd>Cet attribut référence un patron de motif qui fournit les valeurs par défaut des attributs de l'élément <code><pattern></code>.<br> <small><em>Type de valeur</em>: <a href="/fr/docs/Web/SVG/Content_type#URL"><strong><URL></strong></a>; <em>Valeur par défaut </em>: <em>none</em>; <em>Animable</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("patternContentUnits")}}</dt> - <dd>Cet attribut définit le système de coordonnées pour le contenu de {{SVGElement("pattern")}}.<br> - <small><em>Type de valeur </em>: <code>userSpaceOnUse</code>|<code>objectBoundingBox</code>; <em>Valeur par défaut </em>: <code>userSpaceOnUse</code>; <em>Animable</em>: <strong>yes</strong></small> - <p class="note"><strong>Note :</strong> Cet attribut n'a pas d'effet si l'attribut <code>viewBox</code> est définit sur l'élément <code><pattern></code>.</p> + <dd><p>Cet attribut définit le système de coordonnées pour le contenu de {{SVGElement("pattern")}}. <small><em>Type de valeur </em>: <code>userSpaceOnUse</code>|<code>objectBoundingBox</code>; <em>Valeur par défaut </em>: <code>userSpaceOnUse</code>; <em>Animable</em>: <strong>yes</strong></small></p> + <div class="note"> + <p><strong>Note :</strong> Cet attribut n'a pas d'effet si l'attribut <code>viewBox</code> est définit sur l'élément <code><pattern></code>.</p> +</div> </dd> <dt>{{SVGAttr("patternTransform")}}</dt> - <dd>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.<br> - <small><em>Type de valeur </em>: <strong><a href="/fr/docs/Web/SVG/Content_type#Transform-list"><transform-list></a></strong>; <em>Valeur par défaut </em>: <em>none</em>; <em>Animatable</em>: <strong>yes</strong></small></dd> + <dd><p>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. <small><em>Type de valeur </em>: <strong><a href="/fr/docs/Web/SVG/Content_type#Transform-list"><transform-list></a></strong>; <em>Valeur par défaut </em>: <em>none</em>; <em>Animatable</em>: <strong>yes</strong></small></p></dd> <dt>{{SVGAttr("patternUnits")}}</dt> - <dd>Cet attribut définit le système de coordonnées pour les attributs <code>x</code>, <code>y</code>, <code>width</code> , et <code>height</code>.<br> - <small><em>Type de valeur </em>: <code>userSpaceOnUse</code>|<code>objectBoundingBox</code>; <em>Valeur par défaut </em>: <code>objectBoundingBox</code>; <em>Animable</em>: <strong>yes</strong></small></dd> + <dd><p>Cet attribut définit le système de coordonnées pour les attributs <code>x</code>, <code>y</code>, <code>width</code> , et <code>height</code>.<small><em>Type de valeur </em>: <code>userSpaceOnUse</code>|<code>objectBoundingBox</code>; <em>Valeur par défaut </em>: <code>objectBoundingBox</code>; <em>Animable</em>: <strong>yes</strong></small></p></dd> <dt>{{SVGAttr("preserveAspectRatio")}}</dt> - <dd>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.<br> - <small><em>Type de valeur </em>: (<code>none</code>| <code>xMinYMin</code>| <code>xMidYMin</code>| <code>xMaxYMin</code>| <code>xMinYMid</code>| <code>xMidYMid</code>| <code>xMaxYMid</code>| <code>xMinYMax</code>| <code>xMidYMax</code>| <code>xMaxYMax</code>) (<code>meet</code>|<code>slice</code>)? ; <em>Valeur par défaut </em>: <code>xMidYMid meet</code>; <em>Animable</em>: <strong>yes</strong></small></dd> + <dd><p>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. + <small><em>Type de valeur </em>: (<code>none</code>| <code>xMinYMin</code>| <code>xMidYMin</code>| <code>xMaxYMin</code>| <code>xMinYMid</code>| <code>xMidYMid</code>| <code>xMaxYMid</code>| <code>xMinYMax</code>| <code>xMidYMax</code>| <code>xMaxYMax</code>) (<code>meet</code>|<code>slice</code>)? ; <em>Valeur par défaut </em>: <code>xMidYMid meet</code>; <em>Animable</em>: <strong>yes</strong></small></p></dd> <dt>{{SVGAttr("viewBox")}}</dt> - <dd>Cet attribut définit les limites de la fenêtre de rendu du SVG pour le fragment du motif.<br> - <small><em>Type de valeur </em>: <strong><a href="/fr/docs/Web/SVG/Content_type#List-of-Ts"><list-of-numbers></a></strong> ; <em>Valeur par défaut </em>: none; <em>Animable</em>: <strong>yes</strong></small></dd> + <dd><p>Cet attribut définit les limites de la fenêtre de rendu du SVG pour le fragment du motif.<small><em>Type de valeur </em>: <strong><a href="/fr/docs/Web/SVG/Content_type#List-of-Ts"><list-of-numbers></a></strong> ; <em>Valeur par défaut </em>: none; <em>Animable</em>: <strong>yes</strong></small></p></dd> <dt>{{SVGAttr("width")}}</dt> - <dd>Cet attribut détermine la largeur du motif de mosaïque.<br> - <small><em>Type de valeur </em>: <a href="/fr/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/fr/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>Valeur par défaut </em>: <code>0</code>; <em>Animable</em>: <strong>yes</strong></small></dd> + <dd><p>Cet attribut détermine la largeur du motif de mosaïque.<br> + <small><em>Type de valeur </em>: <a href="/fr/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/fr/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>Valeur par défaut </em>: <code>0</code>; <em>Animable</em>: <strong>yes</strong></small></p></dd> <dt>{{SVGAttr("x")}}</dt> - <dd>Cet attribut détermine le déplacement en coordonnée x du motif de mosaïque.<br> - <small><em>Type de valeur </em>: <a href="/fr/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/fr/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>Valeur par défaut </em>: <code>0</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> + <dd><p>Cet attribut détermine le déplacement en coordonnée x du motif de mosaïque.<small><em>Type de valeur </em>: <a href="/fr/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/fr/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>Valeur par défaut </em>: <code>0</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("xlink:href")}} {{deprecated_inline("SVG2")}}</dt> <dd>Cet attribut référence un patron de motif qui fournit des valeurs par défaut pour les attributs du <code><pattern></code>.<br> - <small><em>Type de valeur </em>: <a href="/fr/docs/Web/SVG/Content_type#URL"><strong><URL></strong></a>; <em>Valeur par défaut </em>: <em>none</em>; <em>Animable</em>: <strong>yes</strong></small> - <p class="note"><strong>Note :</strong> Pour les navigateurs implémentant <code>href</code>, si à la fois <code>href</code> et <code>xlink:href</code> sont définis, <code>xlink:href</code> sera ignoré et seulement <code>href</code> sera utilisé.</p> + <small><em>Type de valeur </em>: <a href="/fr/docs/Web/SVG/Content_type#URL"><strong><URL></strong></a>; <em>Valeur par défaut </em>: <em>none</em>; <em>Animable</em>: <strong>yes</strong></small></p> + <div class="note"> + <p><strong>Note :</strong> Pour les navigateurs implémentant <code>href</code>, si à la fois <code>href</code> et <code>xlink:href</code> sont définis, <code>xlink:href</code> sera ignoré et seulement <code>href</code> sera utilisé.</p> + </div> </dd> <dt>{{SVGAttr("y")}}</dt> - <dd>Cet attribut détermine le déplacement en coordonnée y du motif de mosaïque.<br> - <small><em>Type de valeur </em>: <a href="/fr/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/fr/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>Valeur par défaut </em>: <code>0</code>; <em>Animable</em>: <strong>yes</strong></small></dd> - <dt> + <dd><p>Cet attribut détermine le déplacement en coordonnée y du motif de mosaïque. <small><em>Type de valeur </em>: <a href="/fr/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/fr/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>Valeur par défaut </em>: <code>0</code>; <em>Animable</em>: <strong>yes</strong></small></p></dd> +</dl> - <h3 id="global_attributes">Attributs globaux</h3> +<h3 id="global_attributes">Attributs globaux</h3> - <a href="/fr/docs/Web/SVG/Attribute/Core">Attributs principaux</a></dt> +<dl> +<dt><a href="/fr/docs/Web/SVG/Attribute/Core">Attributs principaux</a></dt> <dd><small>Plus notamment : {{SVGAttr('id')}}, {{SVGAttr('tabindex')}}</small></dd> <dt><a href="/fr/docs/Web/SVG/Attribute/Styling">Attributs de style</a></dt> <dd><small>{{SVGAttr('class')}}, {{SVGAttr('style')}}</small></dd> diff --git a/files/fr/web/svg/element/polygon/index.html b/files/fr/web/svg/element/polygon/index.html index e4981d0eb3..e410f82a01 100644 --- a/files/fr/web/svg/element/polygon/index.html +++ b/files/fr/web/svg/element/polygon/index.html @@ -13,10 +13,9 @@ translation_of: Web/SVG/Element/polygon <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="example"> -<div class="hidden"> -<pre class="brush: css">html,body,svg { height:100% }</pre> -</div> +<h2>Exemple</h2> + +<pre class="brush: css hidden">html,body,svg { height:100% }</pre> <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 --> @@ -25,9 +24,8 @@ translation_of: Web/SVG/Element/polygon <!-- Le même polygone sans remplissage et avec un contour --> <polygon points="100,100 150,25 150,75 200,0" fill="none" stroke="black" /> </svg></pre> -</div> -<div>{{EmbedLiveSample('example', '100', '100')}}</div> +<p>{{EmbedLiveSample('exemple', '100', '100')}}</p> <h2 id="Attributs">Attributs</h2> diff --git a/files/fr/web/svg/element/radialgradient/index.html b/files/fr/web/svg/element/radialgradient/index.html index 41fd9ec42e..052f193b4a 100644 --- a/files/fr/web/svg/element/radialgradient/index.html +++ b/files/fr/web/svg/element/radialgradient/index.html @@ -20,9 +20,9 @@ translation_of: Web/SVG/Element/radialGradient <h3 id="Attributs_globaux">Attributs globaux</h3> <ul> - <li><a href="https://developer.mozilla.org/fr/docs/Web/SVG/Attribute#Attributs_de_base">Attributs de base</a> »</li> - <li><a href="https://developer.mozilla.org/fr/docs/Web/SVG/Attribute#Attributs_de_pr%C3%A9sentation">Références des attributs SVG</a> »</li> - <li><a href="https://developer.mozilla.org/fr/docs/Web/SVG/Attribute#Attributs_XLink">Attributs Xlink</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#Attributs_de_base">Attributs de base</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#Attributs_de_pr%C3%A9sentation">Références des attributs SVG</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#Attributs_XLink">Attributs Xlink</a> »</li> <li>{{SVGAttr("class")}}</li> <li>{{SVGAttr("style")}}</li> <li>{{SVGAttr("externalResourcesRequired")}}</li> diff --git a/files/fr/web/svg/element/rect/index.html b/files/fr/web/svg/element/rect/index.html index 1ccebc8c09..aa18e5a282 100644 --- a/files/fr/web/svg/element/rect/index.html +++ b/files/fr/web/svg/element/rect/index.html @@ -17,9 +17,7 @@ translation_of: Web/SVG/Element/rect <h2 id="Exemple">Exemple</h2> -<div class="hidden"> -<pre class="brush: css"><code>html,body,svg { height:100% }</code></pre> -</div> +<pre class="brush: css hidden"><code>html,body,svg { height:100% }</code></pre> <pre class="brush: html"><code><svg viewBox="0 0 220 100" xmlns="http://www.w3.org/2000/svg"> <!-- Simple rect element --> @@ -59,7 +57,7 @@ translation_of: Web/SVG/Element/rect <h2 id="Interface_DOM">Interface DOM</h2> -<p>Cet élément implémente l'interface <code><a href="/en/DOM/SVGRectElement" title="en/DOM/SVGRectElement">SVGRectElement</a></code> .</p> +<p>Cet élément implémente l'interface <code><a href="/fr/DOM/SVGRectElement" title="en/DOM/SVGRectElement">SVGRectElement</a></code> .</p> <h2 id="Compatibilité_avec_les_navigateurs">Compatibilité avec les navigateurs</h2> diff --git a/files/fr/web/svg/element/stop/index.html b/files/fr/web/svg/element/stop/index.html index f77d1b7f06..d5e19bfcff 100644 --- a/files/fr/web/svg/element/stop/index.html +++ b/files/fr/web/svg/element/stop/index.html @@ -5,7 +5,7 @@ translation_of: Web/SVG/Element/stop --- <div>{{SVGRef}}</div> -<p>L'élément <a href="/en-US/docs/Web/SVG">SVG</a> <strong><code><stop></code></strong> définit une couleur supplémentaire dans une palette à utiliser pour un dégradé, et est contenu dans un élément {{SVGElement("linearGradient")}} ou {{SVGElement("radialGradient")}}.</p> +<p>L'élément <a href="/fr/docs/Web/SVG">SVG</a> <strong><code><stop></code></strong> définit une couleur supplémentaire dans une palette à utiliser pour un dégradé, et est contenu dans un élément {{SVGElement("linearGradient")}} ou {{SVGElement("radialGradient")}}.</p> <h2 id="Contexte_d'utilisation">Contexte d'utilisation</h2> @@ -16,8 +16,8 @@ translation_of: Web/SVG/Element/stop <h3 id="Attributs_globaux">Attributs globaux</h3> <ul> - <li><a href="/en-US/docs/Web/SVG/Attribute#Core_attributes">Attributs de base</a></li> - <li><a href="/en-US/docs/Web/SVG/Attribute#Presentation_attributes">Attributs de présentation</a></li> + <li><a href="/fr/docs/Web/SVG/Attribute#Core_attributes">Attributs de base</a></li> + <li><a href="/fr/docs/Web/SVG/Attribute#Presentation_attributes">Attributs de présentation</a></li> <li>{{SVGAttr("class")}}</li> <li>{{SVGAttr("style")}}</li> </ul> @@ -60,7 +60,7 @@ translation_of: Web/SVG/Element/stop <h3 id="Résultat">Résultat</h3> -<p>{{EmbedLiveSample("Example", 160, 95)}}</p> +<p>{{EmbedLiveSample("Exemple", 160, 95)}}</p> <h2 id="Spécifications">Spécifications</h2> diff --git a/files/fr/web/svg/element/style/index.html b/files/fr/web/svg/element/style/index.html index d7daa868fd..11454c2331 100644 --- a/files/fr/web/svg/element/style/index.html +++ b/files/fr/web/svg/element/style/index.html @@ -11,7 +11,7 @@ translation_of: Web/SVG/Element/style <p>L'élément <code>style</code> permet d'intégrer directement des feuilles de style dans un contenu SVG. L'élément style de SVG possède les mêmes attributs que l'élément correspondant au format HTML (voir l'élément HTML {{HTMLElement("style")}}).</p> -<h2 id="Contexte_d'utilisation" lang="fr">Contexte d'utilisation</h2> +<h2 id="Contexte_d'utilisation">Contexte d'utilisation</h2> <p>{{svginfo}}</p> @@ -33,7 +33,7 @@ translation_of: Web/SVG/Element/style </svg> </pre> -<p><span class="short_text" id="result_box" lang="fr"><span class="hps">Résultat en direct</span><span>:</span></span></p> +<p>Résultat en direct:</p> <p>{{EmbedLiveSample("Exemple",150,165)}}</p> @@ -42,7 +42,7 @@ translation_of: Web/SVG/Element/style <h3 id="Attributs_Globaux">Attributs Globaux</h3> <ul> - <li><a href="/en-US/SVG/Attribute#Core">Core attributes</a> »</li> + <li><a href="/fr/SVG/Attribute#Core">Core attributes</a> »</li> </ul> <h3 id="Attributs_Specifiques">Attributs Specifiques</h3> @@ -55,7 +55,7 @@ translation_of: Web/SVG/Element/style <h2 id="Interface_DOM">Interface DOM</h2> -<p>Cet élément implemente l'interface <code><a href="/en-US/DOM/SVGStyleElement">SVGStyleElement</a></code>.</p> +<p>Cet élément implemente l'interface <code><a href="/fr/DOM/SVGStyleElement">SVGStyleElement</a></code>.</p> <h2 id="Specifications">Specifications</h2> @@ -88,5 +88,5 @@ translation_of: Web/SVG/Element/style <h2 id="Voir_aussi">Voir aussi</h2> <ul> - <li><a href="/en-US/HTML/Element/style"><style> element in HTML</a></li> + <li><a href="/fr/HTML/Element/style"><style> element in HTML</a></li> </ul> diff --git a/files/fr/web/svg/element/svg/index.html b/files/fr/web/svg/element/svg/index.html index 7146137754..f2f257c15a 100644 --- a/files/fr/web/svg/element/svg/index.html +++ b/files/fr/web/svg/element/svg/index.html @@ -5,7 +5,7 @@ translation_of: Web/SVG/Element/svg --- <div>{{SVGRef}}</div> -<p>L'élément <code>svg</code> peut être utilisé pour intégrer des fragments de code SVG à l'intérieur d'un document (par exemple, un document HTML). Ce fragment de code SVG dispose de ses propres <a href="/en-US/docs/">viewport</a> et système de coordonnée.</p> +<p>L'élément <code>svg</code> peut être utilisé pour intégrer des fragments de code SVG à l'intérieur d'un document (par exemple, un document HTML). Ce fragment de code SVG dispose de ses propres <a href="/fr/docs/">viewport</a> et système de coordonnée.</p> <h2 id="Contexte_d'utilisation">Contexte d'utilisation</h2> @@ -48,11 +48,11 @@ translation_of: Web/SVG/Element/svg <h3 id="Attributs_globaux">Attributs globaux</h3> <ul> - <li><a href="/en-US/docs/Web/SVG/Attribute#ConditionalProccessing">Conditional processing attributes</a> »</li> - <li><a href="/en-US/docs/Web/SVG/Attribute#Core">Core attributes</a> »</li> - <li><a href="/en-US/docs/Web/SVG/Attribute#DocumentEvent">Document event attributes</a> »</li> - <li><a href="/en-US/docs/Web/SVG/Attribute#GraphicalEvent">Graphical event attributes</a> »</li> - <li><a href="/en-US/docs/Web/SVG/Attribute#Presentation">Presentation attributes</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#ConditionalProccessing">Conditional processing attributes</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#Core">Core attributes</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#DocumentEvent">Document event attributes</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#GraphicalEvent">Graphical event attributes</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#Presentation">Presentation attributes</a> »</li> <li>{{SVGAttr("class")}}</li> <li>{{SVGAttr("style")}}</li> <li>{{SVGAttr("externalResourcesRequired")}}</li> @@ -75,7 +75,7 @@ translation_of: Web/SVG/Element/svg <h2 id="Interface_DOM">Interface DOM</h2> -<p>Cette élément implémente l'interface <code><a href="/en-US/docs/Web/API/SVGSVGElement">SVGSVGElement</a></code>.</p> +<p>Cette élément implémente l'interface <code><a href="/fr/docs/Web/API/SVGSVGElement">SVGSVGElement</a></code>.</p> <h2 id="Spécifications">Spécifications</h2> diff --git a/files/fr/web/svg/element/switch/index.html b/files/fr/web/svg/element/switch/index.html index 4f93ae7f8a..60504ccf7a 100644 --- a/files/fr/web/svg/element/switch/index.html +++ b/files/fr/web/svg/element/switch/index.html @@ -34,7 +34,7 @@ translation_of: Web/SVG/Element/switch <h2 id="Interface_DOM">Interface DOM</h2> -<p>Cet élément implémente l'interface <code><a href="/en-US/docs/DOM/SVGSwitchElement" title="en/DOM/SVGSwitchElement">SVGSwitchElement</a></code>.</p> +<p>Cet élément implémente l'interface <code><a href="/fr/docs/DOM/SVGSwitchElement" title="en/DOM/SVGSwitchElement">SVGSwitchElement</a></code>.</p> <h2 id="Exemple">Exemple</h2> diff --git a/files/fr/web/svg/element/symbol/index.html b/files/fr/web/svg/element/symbol/index.html index 3c652df49b..66137a0100 100644 --- a/files/fr/web/svg/element/symbol/index.html +++ b/files/fr/web/svg/element/symbol/index.html @@ -12,10 +12,9 @@ translation_of: Web/SVG/Element/symbol <p>L'utilisation d'éléments <code>symbol</code> pour les graphiques qui sont utilisés de multiples fois dans le même document permet d'améliorer la structure et la sémantique du document. Les documents fortement structurés peuvent plus facilement être rendus sous forme graphique, vocale, ou Braille, et ainsi favoriser leur accessibilité.</p> -<div id="Exemple"> -<div class="hidden"> -<pre class="brush: css">html,body,svg { height:100% }</pre> -</div> +<h2>Exemple</h2> + +<pre class="brush: css hidden">html,body,svg { height:100% }</pre> <pre class="brush: html"><svg viewBox="0 0 80 20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> @@ -36,7 +35,6 @@ translation_of: Web/SVG/Element/symbol </svg></pre> <p>{{EmbedLiveSample('Exemple', 150, '100%')}}</p> -</div> <h2 id="Attributs">Attributs</h2> @@ -86,7 +84,9 @@ translation_of: Web/SVG/Element/symbol <p>{{svginfo}}</p> -<p class="note"><strong>Note:</strong> Un élément <code><symbol></code> n'est pas destiné à être affiché par lui-même. Seules les instances d'un élément <code><symbol></code> (c'est à dire une référence vers un <code><symbol></code> par un élément {{SVGElement("use")}}) sont affichées. Cela signifie que certains navigateurs peuvent refuser d'afficher directement un élément <code><symbol></code> quand bien même la propriété CSS {{cssxref('display')}} indique le contraire.</p> +<div class="note"> + <p><strong>Note :</strong> Un élément <code><symbol></code> n'est pas destiné à être affiché par lui-même. Seules les instances d'un élément <code><symbol></code> (c'est à dire une référence vers un <code><symbol></code> par un élément {{SVGElement("use")}}) sont affichées. Cela signifie que certains navigateurs peuvent refuser d'afficher directement un élément <code><symbol></code> quand bien même la propriété CSS {{cssxref('display')}} indique le contraire.</p> +</div> <h2 id="Spécifications">Spécifications</h2> diff --git a/files/fr/web/svg/element/text/index.html b/files/fr/web/svg/element/text/index.html index a7658a4f87..bc1e735223 100644 --- a/files/fr/web/svg/element/text/index.html +++ b/files/fr/web/svg/element/text/index.html @@ -71,10 +71,10 @@ translation_of: Web/SVG/Element/text <h3 id="Attributs_globaux">Attributs globaux</h3> <ul> - <li><a href="/en/SVG/Attribute#ConditionalProccessing" title="en/SVG/Attribute#ConditionalProccessing">Conditional processing attributes</a> »</li> - <li><a href="/en/SVG/Attribute#Core" title="en/SVG/Attribute#Core">Core attributes</a> »</li> - <li><a href="/en/SVG/Attribute#GraphicalEvent" title="en/SVG/Attribute#GraphicalEvent">Graphical event attributes</a> »</li> - <li><a href="/en/SVG/Attribute#Presentation" title="en/SVG/Attribute#Presentation">Presentation attributes</a> »</li> + <li><a href="/fr/SVG/Attribute#ConditionalProccessing" title="en/SVG/Attribute#ConditionalProccessing">Conditional processing attributes</a> »</li> + <li><a href="/fr/SVG/Attribute#Core" title="en/SVG/Attribute#Core">Core attributes</a> »</li> + <li><a href="/fr/SVG/Attribute#GraphicalEvent" title="en/SVG/Attribute#GraphicalEvent">Graphical event attributes</a> »</li> + <li><a href="/fr/SVG/Attribute#Presentation" title="en/SVG/Attribute#Presentation">Presentation attributes</a> »</li> <li>{{ SVGAttr("class") }}</li> <li>{{ SVGAttr("style") }}</li> <li>{{ SVGAttr("externalResourcesRequired") }}</li> @@ -96,7 +96,7 @@ translation_of: Web/SVG/Element/text <h2 id="Interface_DOM">Interface DOM</h2> -<p>Cet élément implémente l'interface <code><a href="/en/DOM/SVGTextElement" title="en/DOM/SVGTextElement">SVGTextElement</a></code>.</p> +<p>Cet élément implémente l'interface <code><a href="/fr/DOM/SVGTextElement" title="en/DOM/SVGTextElement">SVGTextElement</a></code>.</p> <h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> diff --git a/files/fr/web/svg/element/title/index.html b/files/fr/web/svg/element/title/index.html index 90b1a44836..e2b24d2990 100644 --- a/files/fr/web/svg/element/title/index.html +++ b/files/fr/web/svg/element/title/index.html @@ -10,7 +10,7 @@ translation_of: Web/SVG/Element/title --- <div>{{SVGRef}}</div> -<p>Tout élément graphique ou conteneur dans un dessin SVG peut définir un titre en utilisant un élément <strong><code style="font-style: normal;"><title></code></strong>, ce titre ne peut contenir que du texte.</p> +<p>Tout élément graphique ou conteneur dans un dessin SVG peut définir un titre en utilisant un élément <strong><code><title></code></strong>, ce titre ne peut contenir que du texte.</p> <p>Quand l'élément contenant un titre apparaît à l'utilisateur sous forme d'image, l'élément <code><title></code> 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 renplacement des éléments graphiques. De manière générale, cet élément améliore l'accessibilité des documents SVG.</p> diff --git a/files/fr/web/svg/element/tspan/index.html b/files/fr/web/svg/element/tspan/index.html index 8221e0cc27..0c80f3a94e 100644 --- a/files/fr/web/svg/element/tspan/index.html +++ b/files/fr/web/svg/element/tspan/index.html @@ -16,19 +16,34 @@ translation_of: Web/SVG/Element/tspan <p>{{svginfo}}</p> -<h2 id="Exemple">Exemple</h2> +<h2>Exemple</h2> -<p>» <a href="https://developer.mozilla.org/files/3338/tspan.svg">tspan.svg</a></p> +<pre class="brush: css hidden">html,body,svg { height:100% }</pre> + +<pre class="brush: html; highlight[9]"><svg viewBox="0 0 240 40" xmlns="http://www.w3.org/2000/svg"> + <style> + text { font: italic 12px serif; } + tspan { font: bold 10px sans-serif; fill: red; } + </style> + + <text x="10" y="30" class="small"> + Vous êtes + <tspan>not</tspan> + une banane ! + </text> +</svg></pre> + +<p>{{EmbedLiveSample('exemple', 100, '100%')}}</p> <h2 id="Attributs">Attributs</h2> <h3 id="Attributs_globaux">Attributs globaux</h3> <ul> - <li><a href="https://developer.mozilla.org/en-US/docs/SVG/Attribute#ConditionalProccessing" title="SVG/Attribute#ConditionalProccessing">Attributs de traitement conditionnel</a> »</li> - <li><a href="https://developer.mozilla.org/en-US/docs/SVG/Attribute#Core" title="SVG/Attribute#Core">Attributs de base</a> »</li> - <li><a href="https://developer.mozilla.org/en-US/docs/SVG/Attribute#GraphicalEvent" title="SVG/Attribute#GraphicalEvent">Attributs d'évènements graphiques</a> »</li> - <li><a href="https://developer.mozilla.org/en-US/docs/SVG/Attribute#Presentation" title="SVG/Attribute#Presentation">Attributs de présentation</a> »</li> + <li><a href="/fr/docs/SVG/Attribute#ConditionalProccessing" title="SVG/Attribute#ConditionalProccessing">Attributs de traitement conditionnel</a> »</li> + <li><a href="/fr/docs/SVG/Attribute#Core" title="SVG/Attribute#Core">Attributs de base</a> »</li> + <li><a href="/fr/docs/SVG/Attribute#GraphicalEvent" title="SVG/Attribute#GraphicalEvent">Attributs d'évènements graphiques</a> »</li> + <li><a href="/fr/docs/SVG/Attribute#Presentation" title="SVG/Attribute#Presentation">Attributs de présentation</a> »</li> <li>{{SVGAttr("class")}}</li> <li>{{SVGAttr("style")}}</li> <li>{{SVGAttr("externalResourcesRequired")}}</li> @@ -48,7 +63,7 @@ translation_of: Web/SVG/Element/tspan <h2 id="Interface_DOM">Interface DOM</h2> -<p>Cet élément implémente l'interface <code><a href="/en-US/docs/Web/API/SVGTSpanElement">SVGTSpanElement</a></code>.</p> +<p>Cet élément implémente l'interface <code><a href="/fr/docs/Web/API/SVGTSpanElement">SVGTSpanElement</a></code>.</p> <h2 id="Spécifications">Spécifications</h2> diff --git a/files/fr/web/svg/element/use/index.html b/files/fr/web/svg/element/use/index.html index 7320a50611..fc4572cb94 100644 --- a/files/fr/web/svg/element/use/index.html +++ b/files/fr/web/svg/element/use/index.html @@ -5,14 +5,14 @@ translation_of: Web/SVG/Element/use --- <div>{{SVGRef}}</div> -<p>L'élement <strong><code><use> </code></strong>permet la duplication de <em>nodes </em>(noeuds du DOM, NDR) définis par <a href="/fr/docs/Web/SVG/Element/defs"><defs></a> afin de les insérer par ailleurs. L'effet est le même que si les noeuds étaient créés dans une partie non-rendue (au sens de non-affichée) au sein du DOM puis "clonés" là où est utilisé l'élément <code>use</code> tel que le permet les <a href="/en-US/docs/Web/HTML/Element/template">éléments de gabarit</a> grâce à HTML5.<br> +<p>L'élement <strong><code><use> </code></strong>permet la duplication de <em>nodes </em>(noeuds du DOM, NDR) définis par <a href="/fr/docs/Web/SVG/Element/defs"><defs></a> afin de les insérer par ailleurs. L'effet est le même que si les noeuds étaient créés dans une partie non-rendue (au sens de non-affichée) au sein du DOM puis "clonés" là où est utilisé l'élément <code>use</code> tel que le permet les <a href="/fr/docs/Web/HTML/Element/template">éléments de gabarit</a> grâce à HTML5.<br> <br> - Puisque les noeuds clonés par <code>use</code> ne sont pas exposés, vous devez être attentif lorsque vous utilisez des règles de style <a href="/en-US/docs/Web/CSS" title="en/CSS">CSS</a> sur l'élément <code>use</code> et ses enfants "cachés". En effet les attributs CSS ne sont pas garantis d'être hérités lorsqu'ils seront clonés si vous n'explicitez pas correctement les <a href="/en-US/docs/Web/CSS/inheritance" title="en/CSS/inheritance">héritages CSS</a>.</p> + Puisque les noeuds clonés par <code>use</code> ne sont pas exposés, vous devez être attentif lorsque vous utilisez des règles de style <a href="/fr/docs/Web/CSS" title="en/CSS">CSS</a> sur l'élément <code>use</code> et ses enfants "cachés". En effet les attributs CSS ne sont pas garantis d'être hérités lorsqu'ils seront clonés si vous n'explicitez pas correctement les <a href="/fr/docs/Web/CSS/inheritance" title="en/CSS/inheritance">héritages CSS</a>.</p> <p>Pour des raisons de sécurité, certains navigateurs peuvent appliquer la politique de <em>même-origine</em> (c'est-à-dire le couple domaine et port identiques) pour l'élément <code>use</code> ce qui peut conduire à un refus de charger une URI depuis une origine différente conernant l'attribut {{SVGAttr("href")}}.</p> <div class="warning"> -<p>Depuis la version de SVG 2, l'attribut {{SVGAttr("xlink:href")}} est obsolète. Voir la page {{SVGAttr("xlink:href")}} pour plus d'informations.</p> + <p><strong>Attention :</strong> Depuis la version de SVG 2, l'attribut {{SVGAttr("xlink:href")}} est obsolète. Voir la page {{SVGAttr("xlink:href")}} pour plus d'informations.</p> </div> <h2 id="Contexte_d'usage">Contexte d'usage</h2> @@ -24,11 +24,11 @@ translation_of: Web/SVG/Element/use <h3 id="Attributs_globaux">Attributs globaux</h3> <ul> - <li><a href="/en-US/docs/Web/SVG/Attribute#Conditional_processing_attributes" title="en/SVG/Attribute#ConditionalProccessing">Conditional processing attributes</a> »</li> - <li><a href="/en-US/docs/Web/SVG/Attribute#Core_attributes" title="en/SVG/Attribute#Core">Core attributes</a> »</li> - <li><a href="/en-US/docs/Web/SVG/Attribute#Graphical_event_attributes" title="en/SVG/Attribute#GraphicalEvent">Graphical event attributes</a> »</li> - <li><a href="/en-US/docs/Web/SVG/Attribute#Presentation_attributes" title="en/SVG/Attribute#Presentation">Presentation attributes</a> »</li> - <li><a href="/en-US/docs/Web/SVG/Attribute#XLink_attributes" title="en/SVG/Attribute#XLink">Xlink attributes</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#Conditional_processing_attributes" title="en/SVG/Attribute#ConditionalProccessing">Conditional processing attributes</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#Core_attributes" title="en/SVG/Attribute#Core">Core attributes</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#Graphical_event_attributes" title="en/SVG/Attribute#GraphicalEvent">Graphical event attributes</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#Presentation_attributes" title="en/SVG/Attribute#Presentation">Presentation attributes</a> »</li> + <li><a href="/fr/docs/Web/SVG/Attribute#XLink_attributes" title="en/SVG/Attribute#XLink">Xlink attributes</a> »</li> <li>{{SVGAttr("class")}}</li> <li>{{SVGAttr("style")}}</li> <li>{{SVGAttr("externalResourcesRequired")}}</li> @@ -73,7 +73,7 @@ translation_of: Web/SVG/Element/use </svg> </pre> -<p>{{EmbedLiveSample("Example", 80, 80)}}</p> +<p>{{EmbedLiveSample("Exemple", 80, 80)}}</p> <h2 id="Spécifications">Spécifications</h2> |