SVG

SVG - Programmation

Marsh Posté le 10-07-2001 à 10:10:34    

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)?

Reply

Marsh Posté le 10-07-2001 à 10:10:34   

Reply

Marsh Posté le 10-07-2001 à 10:36:51    

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>

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed