User:Lilyuserin/SVG/Tangram

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1" width="1191" height="2344">
<defs>
  	< !-- Tangram
		     7 Elemente
		     Seitenlänge des Quadrates aller Figuren: 2a
		     Diagonale: a*sqrt(2) = b
		     2 gleichschenkelig rechtwinkelige Dreiecke Basis 2a
		     2 gleichschenkelig rechtwinkelige Dreiecke Basis a
		     1 Parallelogramm Basis a, Höhe a
				 1 Quadrat Seitenlänge b/4
				 1 gleichschenkelig rechtwinkeliges Dreieck Basis b/2
				 sqrt(2) = 1,414213562373095
         Näherung für sqrt(2): 577/408 = 1,41421568627451
         daher waehlen wir als a: 2*408 = 816
         a = 816
         2a = 1632
         b = 2308
         b/2 = 1154
         b/4 = 577
  	-->
<style type="text/css"><![CDATA[
    .puzzleout { stroke:white; stroke-width:15 }
    .fillg { fill:#facd2d }
    .fillr { fill:#f397ca }
    .fillb { fill:#69c2d4 }
    .fille { fill:#cbea93 }
    .fillv { fill:#a998c4 }
    .filly { fill:#fbf424 }
    .fillp { fill:#f13e62 }
  ]]></style>

  <rect id="square"
        width = "577" height = "577" class="fillv puzzleout"
  />
  <path id="bigtri1" class="fillr puzzleout"
     d="M0,0 h1632 l-816,816 z"
    />
  <path id="bigtri2" class="fillg puzzleout"
     d="M0,0 h1632 l-816,816 z"
    />
  <path id="smalltri1" class="fillb puzzleout"
     d="M0,0 h816 l-408,408 z"
    />
  <path id="smalltri2" class="fille puzzleout"
     d="M0,0 h816 l-408,408 z"
    />
  <path id="midtri" class="filly puzzleout"
     d="M0,0 h1154 l-577,577 z"
    />
  <path id="para" class="fillp puzzleout"
     d="M0,0 h816 l408,-408 h-816 z"
    />
</defs>

 <g id="tangram-rectangle"
    transform="matrix(1,0,0,-1,20,596)">
   <use xlink:href="#square" />
   <use xlink:href="#smalltri1" transform="translate(577,577) rotate(-45)" />
   <use xlink:href="#smalltri2" transform="translate(0,-577) rotate(45)" />
   <use xlink:href="#para" transform="translate(577,577) rotate(-45)" />
   <use xlink:href="#midtri" transform="translate(0,-577) " />
   <use xlink:href="#bigtri1" transform="translate(0,-577)  rotate(-45)"/>
   <use xlink:href="#bigtri2" transform="translate(1154,-1731)  rotate(135)"/>
</g>

</svg>