SVG

  • Raccourci de la révision : SVG
  • Titre de la révision : SVG
  • ID de la révision : 30055
  • Créé :
  • Créateur : Jorolo
  • Version actuelle ? Non
  • Commentaire lang spanish

Contenu de la révision

Premiers pas
Ce tutoriel vous aidera à débuter en SVG (à traduire de {{mediawiki.interwiki('en', 'SVG:Tutorial', 'Getting Started')}}).
SVG (Scalable Vector Graphics) est un langage balisé en XML décrivant des graphiques vectoriels bidimensionnels. En gros, on pourrait dire que SVG est aux graphiques ce qu'XHTML est au texte.

SVG a une portée similaire à la technologie propriétaire Flash de Macromedia, mais ce qui distingue SVG est qu'il s'agit d'une recommandation du W3C (c'est-à-dire en standard sans restriction aucune) et qu'il est basé sur XML plutôt que d'être un format binaire fermé. Il est explicitement conçu pour fonctionner avec d'autres standards du W3C comme CSS, DOM et SMIL.


Documentation

SVG dans Firefox 1.5
Cet article décrit les caractéristiques et le comportement du sous-ensemble de la spécification SVG 1.1 actuellement implémenté dans Firefox 1.5.
Introduction à SVG dans HTML
Cet article et son exemple associé vous montrent comment utiliser du SVG intégré pour fournir une image de fond à un formulaire. Il montre comment JavaScript et CSS sont utilisés pour manipuler l'image comme vous le feriez avec du code XHTML classique.
SVG Authoring Guidelines
jwatt traite des erreurs les plus courantes commises dans le contenu SVG, et exmplique ce que les auteurs peuvent faire pour les corriger.
Mozilla SVG Project FAQ
Cette FAQ est le résultat de recherches au sein du groupe mozilla.dev.tech.svg et des forums de MozillaZine pour connaître les questions le plus souvent posées à propos de SVG dans Mozilla.

Tous les articles…

Communauté

  • Voir les forums de Mozilla…

{{template.ListeDeDiscussion("dev-tech-svg", "mozilla.dev.tech.svg")}}

Outils

Tous les outils…

Sujets liés

XML

Categories

Interwiki Language Links


{{ wiki.languages( { "en": "en/SVG", "es": "es/SVG", "ja": "ja/SVG", "pl": "pl/SVG" } ) }}

Source de la révision

<p>
</p>
<div class="callout-box"><b><a href="fr/SVG/Tutoriel">Premiers pas</a></b><br>
Ce tutoriel vous aidera à débuter en SVG (à traduire de {{mediawiki.interwiki('en', 'SVG:Tutorial', 'Getting Started')}}).</div>
<div><b>SVG (Scalable Vector Graphics)</b> est un langage balisé en <a href="fr/XML">XML</a> décrivant des graphiques vectoriels bidimensionnels. En gros, on pourrait dire que SVG est aux graphiques ce qu'XHTML est au texte.
<p>SVG a une portée similaire à la technologie propriétaire Flash de Macromedia, mais ce qui distingue SVG est qu'il s'agit d'une <a class="external" href="http://www.w3.org/Graphics/SVG/">recommandation du W3C</a> (c'est-à-dire en standard sans restriction aucune) et qu'il est basé sur XML plutôt que d'être un format binaire fermé. Il est explicitement conçu pour fonctionner avec d'autres standards du <a class="external" href="http://www.w3.org/">W3C</a> comme <a href="fr/CSS">CSS</a>, <a href="fr/DOM">DOM</a> et <a class="external" href="http://www.w3.org/AudioVideo/">SMIL</a>.
</p>
</div>
<p><br style="clear:both;">
</p>
<table class="topicpage-table">
<tbody><tr><td>
<h4 name="Documentation"> <a href="Special:Tags?tag=SVG&amp;language=fr">Documentation</a> </h4>
<dl><dt> <a href="fr/SVG_dans_Firefox_1.5">SVG dans Firefox 1.5</a>
</dt><dd> <small>Cet article décrit les caractéristiques et le comportement du sous-ensemble de la spécification SVG 1.1 actuellement implémenté dans Firefox 1.5.</small>
</dd></dl>
<dl><dt> <a href="fr/Introduction_%c3%a0_SVG_dans_HTML">Introduction à SVG dans HTML</a>
</dt><dd> <small>Cet article et <a class="external" href="http://developer.mozilla.org/presentations/xtech2005/svg-canvas/SVGDemo.xml">son exemple associé</a> vous montrent comment utiliser du SVG intégré pour fournir une image de fond à un formulaire. Il montre comment <a href="fr/JavaScript">JavaScript</a> et <a href="fr/CSS">CSS</a> sont utilisés pour manipuler l'image comme vous le feriez avec du code XHTML classique.</small>
</dd></dl>
<dl><dt> <a class="external" href="http://jwatt.org/svg/authoring/">SVG Authoring Guidelines</a>
</dt><dd> <small>jwatt traite des erreurs les plus courantes commises dans le contenu SVG, et exmplique ce que les auteurs peuvent faire pour les corriger.</small>
</dd></dl>
<dl><dt> <a class="external" href="http://www.mozilla.org/projects/svg/faq.html">Mozilla SVG Project FAQ</a>
</dt><dd> <small>Cette FAQ est le résultat de recherches au sein du groupe mozilla.dev.tech.svg et des forums de MozillaZine pour connaître les questions le plus souvent posées à propos de SVG dans Mozilla.</small>
</dd></dl>
<p><span class="alllinks"><a href="Special:Tags?tag=SVG&amp;language=fr">Tous les articles…</a></span>
</p>
</td>
<td>
<h4 name="Communaut.C3.A9"> Communauté </h4>
<ul><li> Voir les forums de Mozilla…
</li></ul>
<p>{{template.ListeDeDiscussion("dev-tech-svg", "mozilla.dev.tech.svg")}}
</p>
<ul><li> <a class="external" href="http://svg-whiz.com/wiki/">SVG Wiki</a>
</li></ul>
<h4 name="Outils"> Outils </h4>
<ul><li> <a class="external" href="http://www.w3.org/Graphics/SVG/Test/">SVG Test Suite</a>
</li><li> <a class="external" href="http://jiggles.w3.org/svgvalidator/">Validateur SVG</a>
</li></ul>
<p><span class="alllinks"><a href="Special:Tags?tag=SVG:Outils&amp;language=fr">Tous les outils…</a></span>
</p>
<h4 name="Sujets_li.C3.A9s"> Sujets liés </h4>
<dl><dd> <a href="fr/XML">XML</a>
</dd></dl>
</td>
</tr>
</tbody></table>
<p><span class="comment">Categories</span>
</p><p><span class="comment">Interwiki Language Links</span>
</p><p><br>
</p>{{ wiki.languages( { "en": "en/SVG", "es": "es/SVG", "ja": "ja/SVG", "pl": "pl/SVG" } ) }}
Revenir à cette révision