| 1 | <style type="text/css">
|
|---|
| 2 | .main-draw {
|
|---|
| 3 | margin: auto;
|
|---|
| 4 | background: #000000;
|
|---|
| 5 | border: solid 0.5mm #777777;
|
|---|
| 6 | width:150mm;
|
|---|
| 7 | height:100mm;
|
|---|
| 8 | }
|
|---|
| 9 |
|
|---|
| 10 | .full-stroke {
|
|---|
| 11 | stroke-width:1mm;
|
|---|
| 12 | }
|
|---|
| 13 |
|
|---|
| 14 | .middle-stroke {
|
|---|
| 15 | stroke-width:0.5mm;
|
|---|
| 16 | }
|
|---|
| 17 | </style>
|
|---|
| 18 | <page>
|
|---|
| 19 | <draw class="main-draw">
|
|---|
| 20 | <line class="full-stroke" style="stroke:#FF0000;" x1="10mm" y1="10mm" x2="140mm" y2="10mm" >
|
|---|
| 21 | <rect class="full-stroke" style="stroke:#770077; fill:#008888" x="15%" y="15%" w="70%" h="70%">
|
|---|
| 22 | <ellipse class="full-stroke" style="stroke:#000077; fill:#888800" cx="50%" cy="50%" rx="30%" ry="30%">
|
|---|
| 23 | <circle class="full-stroke" style="stroke:#0000AA; fill:#AAAA00" cx="50%" cy="50%" r="15%">
|
|---|
| 24 | </draw><br>
|
|---|
| 25 | <draw class="main-draw">
|
|---|
| 26 | <path class="full-stroke" style="fill:#AAAA00; stroke:#0000AA;" d="M20mm,10mm H130mm A10mm,10mm 0,0,0 140mm,20mm V80mm A10mm,10mm 0,0,0 130mm,90mm H20mm A10mm,10mm 0,0,0 10mm,80mm V20mm A10mm,10mm 0,0,0 20mm,10mm">
|
|---|
| 27 | <path class="middle-stroke" style="fill:#770000; stroke:#AA0033;" d="M 20mm,40mm a16mm,8mm 0,0,0 16mm,8mm" />
|
|---|
| 28 | <path class="middle-stroke" style="fill:#770000; stroke:#00AA33;" d="M 20mm,40mm l16mm,8mm" />
|
|---|
| 29 | <path class="middle-stroke" style="fill:#770000; stroke:#AA0033;" d="M 40mm,40mm a16mm,8mm 0,0,1 16mm,8mm" />
|
|---|
| 30 | <path class="middle-stroke" style="fill:#770000; stroke:#00AA33;" d="M 40mm,40mm l16mm,8mm" />
|
|---|
| 31 | <path class="middle-stroke" style="fill:#770000; stroke:#AA0033;" d="M 80mm,40mm a16mm,8mm 0,1,0 16mm,8mm" />
|
|---|
| 32 | <path class="middle-stroke" style="fill:#770000; stroke:#00AA33;" d="M 80mm,40mm l16mm,8mm" />
|
|---|
| 33 | <path class="middle-stroke" style="fill:#770000; stroke:#AA0033;" d="M100mm,40mm a16mm,8mm 0,1,1 16mm,8mm" />
|
|---|
| 34 | <path class="middle-stroke" style="fill:#770000; stroke:#00AA33;" d="M100mm,40mm l16mm,8mm" />
|
|---|
| 35 | </draw><br>
|
|---|
| 36 | <br>
|
|---|
| 37 | Les balises SVG suivantes sont reconnues : LINE, RECT, CIRCLE, ELLIPSE, PATH, POLYGON, POLYLINE, G<br>
|
|---|
| 38 | <br>
|
|---|
| 39 | Spécifications SVG : <a href="http://www.w3.org/TR/SVG11/expanded-toc.html">http://www.w3.org/TR/SVG11/expanded-toc.html</a>
|
|---|
| 40 | </page>
|
|---|
