svg (scalable vector graphics) tutorials
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN"
"http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd">
<!-- Start Dokument -->
<svg width="200" height="150">
<defs>
<!-- Javascript / Ecma-script -->
<script language="Javascript"><![CDATA[
//script
]]></script>
</defs>
<!-- textelement. -->
<text x="25" y="50" font-weight="bolder" font-size="15"font-face="verdana" fill="#92909A" >
hello</text>
<!-- grafikelement - rectangle, cricle, etc. -->
<rect fill="blue" fill-opacity="0.03" x="60" y="100" width="100" height="100" />
<!-- Container -->
<g fill="blue" fill-opacity="0.421">
<rect x="0" y="200" width="100" height="100" />
</g>
<!-- Linkverweis -->
<a xlink:href="http//:www.radiocity.ch">
<rect fill="red" fill-opacity="0.03" x="0" y="300" width="100" height="100" />
</a>
<!-- Animation -->
<rect x="60" y="400" width="100" height="100" fill="#1C849A" stroke="none">
<animateMotion values="90,0;0,0;90,0;22,0;90,0" begin="0" dur="0.72s" repeatDur="indefinite"/>
</rect>
<!-- Ende Dokument -->
</svg>
[
Beispiel ]