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/tutorial/svg_in_html_introduction | |
| 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/tutorial/svg_in_html_introduction')
| -rw-r--r-- | files/fr/web/svg/tutorial/svg_in_html_introduction/index.html | 18 |
1 files changed, 8 insertions, 10 deletions
diff --git a/files/fr/web/svg/tutorial/svg_in_html_introduction/index.html b/files/fr/web/svg/tutorial/svg_in_html_introduction/index.html index 23766ed357..5eb5bade39 100644 --- a/files/fr/web/svg/tutorial/svg_in_html_introduction/index.html +++ b/files/fr/web/svg/tutorial/svg_in_html_introduction/index.html @@ -6,13 +6,13 @@ tags: translation_of: Web/SVG/Tutorial/SVG_In_HTML_Introduction original_slug: Web/SVG/Tutoriel/Introduction_à_SVG_dans_HTML --- -<h3 id="Aper.C3.A7u" name="Aper.C3.A7u">Aperçu</h3> +<h3 id="Aper.C3.A7u">Aperçu</h3> <p>Cet article et son exemple associé montrent comment utiliser du <a href="fr/SVG">SVG</a> en ligne pour fournir une image de fond à un formulaire. Il montre comment <a href="fr/JavaScript">JavaScript</a> et <a href="fr/CSS">CSS</a> peuvent servir à manipuler l'image comme vous le feriez avec le XHTML dans un script. Notez que l'exemple ne fonctionnera que dans des navigateurs supportant XHTML (pas HTML) et l'intégration SVG.</p> -<h3 id="Source" name="Source">Source</h3> +<h3 id="Source">Source</h3> -<p>Voici le code source de <a class="external" href="http://developer.mozilla.org/presentations/xtech2005/svg-canvas/SVGDemo.xml">cet exemple</a> :</p> +<p>Voici le code source de cet exemple :</p> <pre><html xmlns="http://www.w3.org/1999/xhtml"> <head> @@ -54,7 +54,7 @@ original_slug: Web/SVG/Tutoriel/Introduction_à_SVG_dans_HTML </body> </html></pre> -<h3 id="Discussion" name="Discussion">Discussion</h3> +<h3 id="Discussion">Discussion</h3> <p>La page est principalement formée de XHTML, CSS et JavaScript classiques. La seule partie intéressante est le contenu de l'élément <svg>. Cet élément et ses fils sont déclarés comme étant dans l'espace de nommage SVG. L'élément contient un gradient et deux formes remplies avec le gradient. Les bornes de couleurs du gradient sont définies par une classe CSS. Lorsque l'utilisateur saisit quelque chose d'incorrect dans le formulaire, le script affecte l'attribut <code>invalid</code> à la balise <body> et une règle de style modifie la couleur <code>end-stop</code> du gradient en rouge en lui donnant la valeur « red » (Une autre règle de style sert à faire apparaître un message d'erreur).</p> @@ -70,7 +70,7 @@ original_slug: Web/SVG/Tutoriel/Introduction_à_SVG_dans_HTML <li>Le document est entièrement basé sur les standards</li> </ul> -<h3 id="D.C3.A9tails" name="D.C3.A9tails">Détails</h3> +<h3 id="D.C3.A9tails">Détails</h3> <p>L'attribut <code>viewBox</code> établit un système de coordonnées logiques sur lequel les coordonnées de l'image SVG s'appuient de façon relative. Dans ce cas, notre image s'étend dans un cadre de visualisation de 100 sur 100.</p> @@ -78,11 +78,9 @@ original_slug: Web/SVG/Tutoriel/Introduction_à_SVG_dans_HTML <p>L'attribut <code>style</code> ancre l'élément SVG en arrière plan du formulaire.</p> -<h3 id="Liens_sur_le_sujet" name="Liens_sur_le_sujet">Liens sur le sujet</h3> +<h3 id="Liens_sur_le_sujet">Liens sur le sujet</h3> <ul> <li>L'article wikipedia sur le format <a href="http://fr.wikipedia.org/wiki/Scalable_Vector_Graphics">SVG</a></li> - <li>La page <a class="external" href="http://svg-whiz.com/wiki/index.php?title=Inline_SVG">Inline SVG</a> sur le wiki SVG</li> -</ul> - -<p>{{ languages( { "en": "en/SVG_In_HTML_Introduction", "ja": "ja/SVG_In_HTML_Introduction", "pl": "pl/SVG_w_XHTML_-_Wprowadzenie" } ) }}</p> + <li>La page <a href="http://svg-whiz.com/wiki/index.php?title=Inline_SVG">Inline SVG</a> sur le wiki SVG</li> +</ul>
\ No newline at end of file |
