SVG
Aller à la navigation
Aller à la recherche
SVG est un format de description d'image à base de tracé vectoriel.
Windows et affichage des miniatures SVG : svg-explorer-extension
svg-explorer-extension est un utilitaire permettant à l'explorateur de fichier de Windows d'afficher les icones des documents SVG sous forme de miniature.
Page du projet
Page pour les versions d'installation :
Commentaire
Comme SVG est fondé sur XML.
Commentaire sur une seule ligne :
<!-- Mon commentaire -->
Commentaire sur plusieurs lignes :
<!-- Mes lignes de commentaires Deuxième ligne de commentaire -->
SVG multilangue
Un fichier SVG peut être construit pour gérer le multilangue.
Exemple :
Code SVG
Code SVG limité aux trois langues anglais, espagnol, français.
On peut noter les attributs suivants :
<switch transform="translate(750 475)">: pour renseigner une liste de valeurs alternatives (switch) et un positionnement du contenu du groupe ;systemLanguage="en": pour renseigner la langue ;font-style="italic": pour renseigner la graisse ;<tspan x="0" y="40">positives</tspan>: pour indiquer un décalage vertical du positionnement ;<g font-size="64px">...</g>: pour renseigner la taille des éléments contenus dans la groupe ;<g id="Eukaryota" fill="#96503c" text-align="center">...</g>: pour renseigner la couleur de remplissage et l'alignement du texte ;
<svg width="1860" height="1010" font-family="Arial" font-size="36px" font-weight="bold" text-anchor="middle" version="1.1" viewBox="0 240 1860 1010" xmlns="http://www.w3.org/2000/svg">
<title>Phylogenetic tree of life</title>
<desc>Translations are included for English, French, Spanish. Other languages can easily be added.</desc>
<g id="Bacteria" fill="#5028fa" text-align="center">
<switch transform="translate(750 475)">
<g font-style="italic">
<text systemLanguage="en">Chloroflexi</text>
<text systemLanguage="es">Chloroflexi</text>
<text systemLanguage="fr">Chloroflexi</text>
<text>Chloroflexi</text>
</g>
</switch>
<switch transform="translate(358 475)">
<text systemLanguage="en">Spirochetes</text>
<text systemLanguage="es">Spirochaetes</text>
<text systemLanguage="fr">Spirochètes</text>
<text>Spirochetes</text>
</switch>
<switch transform="translate(558 536)">
<text systemLanguage="en">Gram-<tspan x="0" y="40">positives</tspan></text>
<text systemLanguage="es">Gram<tspan x="0" y="40">positiva</tspan></text>
<text systemLanguage="fr">Gram<tspan x="0" y="40">positives</tspan></text>
</switch>
<switch transform="translate(306 618)">
<text systemLanguage="en">Proteobacteria</text>
<text systemLanguage="es">Proteobacteria</text>
<text systemLanguage="fr">Protéobactéries</text>
<text>Proteobacteria</text>
</switch>
<switch transform="translate(168 676)">
<text systemLanguage="en">Cyanobacteria</text>
<text systemLanguage="es">Cyanobacteria</text>
<text systemLanguage="fr">Cyanobactéries</text>
<text>Cyanobacteria</text>
</switch>
<switch transform="translate(148 745)">
<g font-style="italic">
<text systemLanguage="en">Planctomyces</text>
<text systemLanguage="es">Planctomyces</text>
<text systemLanguage="fr">Planctomyces</text>
<text>Planctomyces</text>
</g>
</switch>
<switch transform="translate(132 850)">
<g font-style="italic">
<text systemLanguage="en">Bacteroides<tspan x="0" y="40">Cytophaga</tspan></text>
<text systemLanguage="es">Bacteroides<tspan x="0" y="40">Cytophaga</tspan></text>
<text systemLanguage="fr">Bacteroides<tspan x="0" y="40">Cytophaga</tspan></text>
<text>Bacteroides<tspan x="0" y="40">Cytophaga</tspan></text>
</g>
</switch>
<switch transform="translate(134 972)">
<g font-style="italic">
<text systemLanguage="en">Thermotoga</text>
<text systemLanguage="es">Thermotoga</text>
<text systemLanguage="fr">Thermotoga</text>
<text>Thermotoga</text>
</g>
</switch>
<switch transform="translate(102 1052)">
<g font-style="italic">
<text systemLanguage="en">Aquifex</text>
<text systemLanguage="es">Aquifex</text>
<text systemLanguage="fr">Aquifex</text>
<text>Aquifex</text>
</g>
</switch>
</g>
<g id="Archaea" fill="#f03232" text-align="center">
<switch transform="translate(1198 590)">
<text systemLanguage="en">Haloarchaea</text>
<text systemLanguage="es">Haloarchaea</text>
<text font-style="italic" systemLanguage="fr">Haloarchaea</text>
<text>Haloarchaea</text>
</switch>
<switch transform="translate(966 538)">
<g font-style="italic">
<text systemLanguage="en">Methanosarcina</text>
<text systemLanguage="es">Methanosarcina</text>
<text systemLanguage="fr">Methanosarcina</text>
<text>Methanosarcina</text>
</g>
</switch>
<switch transform="translate(860 582)">
<g font-style="italic">
<text systemLanguage="en">Methanobacterium</text>
<text systemLanguage="es">Methanobacterium</text>
<text systemLanguage="fr">Methanobacterium</text>
<text>Methanobacterium</text>
</g>
</switch>
<switch transform="translate(850 635)">
<g font-style="italic">
<text systemLanguage="en">Methanococcus</text>
<text systemLanguage="es">Methanococcus</text>
<text systemLanguage="fr">Methanococcus</text>
<text>Methanococcus</text>
</g>
</switch>
<switch transform="translate(820 685)">
<g font-style="italic">
<text systemLanguage="en">Thermococcus<tspan x="-40" y="30">celer</tspan></text>
<text systemLanguage="es">Thermococcus<tspan x="-40" y="30">celer</tspan></text>
<text systemLanguage="fr">Thermococcus<tspan x="-40" y="30">celer</tspan></text>
<text>Thermococcus<tspan x="-40" y="30">celer</tspan></text>
</g>
</switch>
<switch transform="translate(795 758)">
<g font-style="italic">
<text systemLanguage="en">Thermoproteus</text>
<text systemLanguage="es">Thermoproteus</text>
<text systemLanguage="fr">Thermoproteus</text>
<text>Thermoproteus</text>
</g>
</switch>
<switch transform="translate(768 798)">
<g font-style="italic">
<text systemLanguage="en">Pyrodicticum</text>
<text systemLanguage="es">Pyrodicticum</text>
<text systemLanguage="fr">Pyrodicticum</text>
<text>Pyrodicticum</text>
</g>
</switch>
</g>
<g id="Eukaryota" fill="#96503c" text-align="center">
<switch transform="translate(1170 471)">
<text systemLanguage="en">Entamoebae</text>
<text systemLanguage="es">Entamoebae</text>
<text systemLanguage="fr">Entamibes</text>
<text>Entamoebae</text>
</switch>
<switch transform="translate(1400 482)">
<text y="-25" systemLanguage="en">Slime<tspan x="0" y="15">molds</tspan></text>
<text font-style="italic" systemLanguage="es">Myxomycota</text>
<text systemLanguage="fr">Myxomycètes</text>
<text y="-25">Slime<tspan x="0" y="15">molds</tspan></text>
</switch>
<g text-anchor="start">
<switch transform="translate(1530 475)">
<text systemLanguage="en">Animals</text>
<text systemLanguage="es">Animales</text>
<text font-style="italic" systemLanguage="fr">Animalia</text>
<text>Animals</text>
</switch>
<switch transform="translate(1585 532)">
<text systemLanguage="en">Fungi</text>
<text systemLanguage="es">Fungi</text>
<text x="-10" font-style="italic" systemLanguage="fr">Fungi</text>
<text>Fungi</text>
</switch>
<switch transform="translate(1585 618)">
<text systemLanguage="en">Plants</text>
<text systemLanguage="es">Plantas</text>
<text font-style="italic" systemLanguage="fr">Plantae</text>
<text>Plants</text>
</switch>
<switch transform="translate(1580 680)">
<text systemLanguage="en">Ciliates</text>
<text font-style="italic" systemLanguage="es">Ciliophora</text>
<text systemLanguage="fr">Ciliés</text>
<text>Ciliates</text>
</switch>
<switch transform="translate(1575 768)">
<text systemLanguage="en">Flagellates</text>
<text systemLanguage="es">Flagelados</text>
<text systemLanguage="fr">Flagellés</text>
<text>Flagellates</text>
</switch>
<switch transform="translate(1570 854)">
<text systemLanguage="en">Trichomonads</text>
<text systemLanguage="es">Tricomonadas</text>
<text systemLanguage="fr">Trichomonades</text>
<text>Trichomonads</text>
</switch>
<switch transform="translate(1555 945)">
<text systemLanguage="en">Microsporidia</text>
<text systemLanguage="es">Microsporidias</text>
<text systemLanguage="fr">Microsporides</text>
<text>Microsporidia</text>
</switch>
<switch transform="translate(1545 1036)">
<text systemLanguage="en">Diplomonads</text>
<text systemLanguage="es">Diplomonadas</text>
<text systemLanguage="fr">Diplomonades</text>
<text>Diplomonads</text>
</switch>
</g>
</g>
<g font-size="64px">
<switch transform="translate(382 298)" fill="#5028fa" text-align="center">
<text systemLanguage="en">Bacteria</text>
<text systemLanguage="es">Bacteria</text>
<text systemLanguage="fr">Bactéries</text>
<text>Bacteria</text>
</switch>
<switch transform="translate(952 298)" fill="#f03232" text-align="center">
<text systemLanguage="en">Archaea</text>
<text systemLanguage="es">Archaea</text>
<text systemLanguage="fr">Archées</text>
<text>Archaea</text>
</switch>
<switch transform="translate(1460 298)" fill="#96503c" text-align="center">
<text systemLanguage="en">Eukarya</text>
<text systemLanguage="es">Eukarya</text>
<text systemLanguage="fr">Eucaryotes</text>
<text>Eukarya</text>
</switch>
</g>
<g fill="none" stroke-width="5">
<path d="m427.5 490.5 113.5 336.5m15-241.5 24.5 302m-276.5-204.5 262.5 184m-288.5-116 296 127.5m-330-31 355 69.5m-422.5 120 482.5-58m-408.5-18 370-11.5 58.665-459.05m116.84 589.55-175-130-211-324" stroke="#5028fa"/>
<path d="m930 986.5 440.5-312.5 189-154.05m-27.665 492.81-265.34-265.26m273.24 178.76-248.74-195.76m268.5 103-250-116.5m250.5 29.5-190-72.5m186.5-17-100.5-55.5m103.5 1-84.5-16 44.761-92.096m-105.26 142.6-10.596-134.5m-3.904 146-133-163" stroke="#96503c"/>
<path d="m797.5 1080.5 132.29-93.716 0.051-109.78 233.65-273.5m-233.65 273.5-60.685-71.127m41.656 47.793-4.1167-88.035m68.4 57.629-51.265-112.43m79.196 79.903-46.316-138.95m74.954 105.36-33.588-162.63m49.851 143.54 2.475-185.62" stroke="#f03232"/>
<path d="m796.5 1080.5v145.5" stroke="#000"/>
</g>
</svg>