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 ]
close
code & design
labor
service
websites