Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2605 connectés 

 


Dernière réponse
Sujet : SVG
shinji En fait, il faut inclure un lien dans une page html vers un fichier svg, avoir le plug-in et c'est partis.
C'est hyper facile et ça pète tout les effets, enfin j'en suis encore aux formes de base!
 
exemple:
fichier svg.html
<html>
<head>
</head>
<body>
<embed height="480" name="carteloc2" src="svg.svg" type="image/svg" width="700">
</body>
</html>
 
fichier svg.svg
<?xml version="1.0" standalone="no"?>  
<!DOCTYPE svg SYSTEM "svg-19991203.dtd" >  
<svg width="500" height="500" >  
  <g style="text-rendering:optimizeLegibility;shape-rendering:default">  
    <text x="5" y="20" style="font-size:22">SVG Demo: Basic SVG shapes</text>  
    <g style="stroke:black; fill:none; shape-rendering:default" >  
      <circle cx="70"  cy="100" r="50"  />  
      <rect x="150" y="50" width="135" height="100" />  
      <line x1="325" y1="150" x2="375" y2="50" />  
      <line x1="375" y1="50"  x2="425" y2="150" />  
      <polyline points="50,250,75,350,100,250,125,350,150,250,175,350" />  
      <polygon points="250,250,297,284,279,340,220,340,202,284,250,250" />  
      <ellipse cx="400" cy="300" rx="72" ry="50" />  
    </g>  
 
    <g style="text-rendering:optimizeSpeed">  
      <text x="50"  y="175">Circle</text>  
      <text x="175" y="175">Rectangle</text>  
      <text x="355" y="175">Lines</text>  
      <text x="50"  y="375">Polyline</text>  
      <text x="225" y="375">Polygon</text>  
      <text x="375" y="375">Ellipse</text>  
    </g>  
  </g>  
</svg>

Votre réponse
Nom d'utilisateur    Pour poster, vous devez être inscrit sur ce forum .... si ce n'est pas le cas, cliquez ici !
Le ton de votre message                        
                       
Votre réponse


[b][i][u][strike][spoiler][fixed][cpp][url][email][img][*]   
 
   [quote]
 

Options

 
Vous avez perdu votre mot de passe ?


Vue Rapide de la discussion
shinji En fait, il faut inclure un lien dans une page html vers un fichier svg, avoir le plug-in et c'est partis.
C'est hyper facile et ça pète tout les effets, enfin j'en suis encore aux formes de base!
 
exemple:
fichier svg.html
<html>
<head>
</head>
<body>
<embed height="480" name="carteloc2" src="svg.svg" type="image/svg" width="700">
</body>
</html>
 
fichier svg.svg
<?xml version="1.0" standalone="no"?>  
<!DOCTYPE svg SYSTEM "svg-19991203.dtd" >  
<svg width="500" height="500" >  
  <g style="text-rendering:optimizeLegibility;shape-rendering:default">  
    <text x="5" y="20" style="font-size:22">SVG Demo: Basic SVG shapes</text>  
    <g style="stroke:black; fill:none; shape-rendering:default" >  
      <circle cx="70"  cy="100" r="50"  />  
      <rect x="150" y="50" width="135" height="100" />  
      <line x1="325" y1="150" x2="375" y2="50" />  
      <line x1="375" y1="50"  x2="425" y2="150" />  
      <polyline points="50,250,75,350,100,250,125,350,150,250,175,350" />  
      <polygon points="250,250,297,284,279,340,220,340,202,284,250,250" />  
      <ellipse cx="400" cy="300" rx="72" ry="50" />  
    </g>  
 
    <g style="text-rendering:optimizeSpeed">  
      <text x="50"  y="175">Circle</text>  
      <text x="175" y="175">Rectangle</text>  
      <text x="355" y="175">Lines</text>  
      <text x="50"  y="375">Polyline</text>  
      <text x="225" y="375">Polygon</text>  
      <text x="375" y="375">Ellipse</text>  
    </g>  
  </g>  
</svg>
shinji SVG est dérivé du XML et permet de faire des trucs superbe au niveau graphismes, il permet de zoomer, dessiner, ajouter des effets (transparence, effet 3D, flou, textures...), tracer des courbes avec des equations....
Visualiser du SVG nécessite un plug-in (existe chez adobe).
 
Cependant je voudrait savoir avec quel prog/langage peut-on créer du SVG (j'ai essayé avec notepad, mais j'obtiens le contenu du fichier au lieu d'une image). J'ai vu que l'on pouvait en faire avec Java, JSP, en existe-t-il d'autres (gratuits si possible)?

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)