next plan previous Logo

Fonctionnalités de bas niveau : exemples ( II )

<?xml version="1.0" standalone="no" ?>
<!DOCTYPE svg SYSTEM "svg-19991203.dtd" >
<svg width="500" height="700" >
  <g style="text-rendering:optimizeLegibility;shape-rendering:default">
    <text x="5" y="20" style="font-size:24">SVG Demo: More elliptical arcs</text>

    <g style="stroke-width:4 ; fill:none; stroke:blue" >
      <path d="M 60,50   A 50 50 0 0 0 110 100" />
      <path d="M 160,50  A 50 50 0 0 1 210 100" />
      <path d="M 60,150  A 50 50 0 1 0 110 200" />
      <path d="M 160,200 A 50 50 0 1 1 210 250" />
    </g>

    <g style="font-size:8" >
      <text x="10"  y="120">M 60,50  A 50 50 0 0 0 110 100</text>
      <text x="150" y="120">M 160,50 A 50 50 0 0 1 210 100</text>
      <text x="10"  y="280">M 60,150 A 50 50 0 1 0 110 200</text>
      <text x="150" y="280">M 160,200 A 50 50 0 1 1 210 250</text>
    </g>
  </g>
</svg>
 


Didier Courtaud
Le langage SVG
25 Janvier 2000

32 / 74

Logo orateur