User:Lilyuserin/SVG/haberdasher

<?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="3680" height="3520">
<defs>
  	< !-- Dreiecksberechnungen
		     390 780 1560 2340
				 1351(=7*193) 2702
  	     Seitenlaenge: a (= 4 * 780 = 3120)
				 a/4 = 780
				 a/2 = 1560
				 a*3/4 = 2340
				 a*sqrt(3)= 5404
				 a*sqrt(3)/2 = 2702
				 a*sqrt(3)/3 = 1801.333
				 a*sqrt(3)/4 = 1351

				 Hoehe: h=sqrt(3)*a/2 (=2702)

				 Koordinaten der Eckpunkte:
				 A (0,0) B(3120,0) C(1560,2702)=(a/2,h)=(a/2,sqrt(3)*a/2)

				 Annaeherung von sqrt(3): 1351/780 = 1.732051282051282
				 sqrt(3) = 1,732050807568877
				 1351*1351/780/780 = 3,00000164365549

  	     Umkreisradius: ru = h*2/3 = sqrt(3)*a/3 (=1801.3333)
  	     Inkreisradius: ri = ru/2        (=900.6667)
				 Mittelpunkt: (A+B+C)/3 = (a/2,a*sqrt(3)/6)

  	     Koordinaten der Seitenmittelpunkte:
  	     D = (A+C)/2 = (a/4,sqrt(3)*a/4) = (780,1351)
				 E = (B+C)/2 = (a*3/4,sqrt(3)*a/4) = (2340,1351)

	       F = (A+B)/4 = (a/4,0) = (780,0)
				 G = (A+B)*3/4 = (a*3/4,0) = (2340,0)

				 E-F = (a/2,a*sqrt(3)/4) = (1560,1351)

				 (H-D)*(E-F)=0
				 HF parallel EF
				 hx = a*13/28
				 hy = a*3*sqrt(3)/28
				 H = (1448.571428571429,579)

 				 (I-G)*(E-F)=0
				 IF parallel EF
				 ix = a*15/28 = 1671,428571428571
				 iy = a*sqrt(3)/7 = 772
				 I = (1671.428571428571,772)
  	-->
<style type="text/css"><![CDATA[
    .Border { fill:none; stroke:blue; stroke-width:5 }
    .Connect { fill:none; stroke:#888888; stroke-width:2 }
    .SamplePath { fill:none; stroke:red; stroke-width:5 }
    .puzzleout { stroke:white; stroke-width:15 }
    .filly { fill:#facd2d }
    .fillr { fill:#f397ca }
    .fillw { fill:white }
    .fillb { fill:#69c2d4 }
    .fillg { fill:#cbea93 }
    .puzzley { fill:yellow; stroke:black; stroke-width:15 }
    .puzzler { fill:red; stroke:black; stroke-width:15 }
    .puzzleb { fill:blue; stroke:black; stroke-width:15 }
    .puzzlew { fill:white; stroke:black; stroke-width:15 }
    .EndPoint { fill:none; stroke:#888888; stroke-width:2 }
    .CtlPoint { fill:#888888; stroke:none }
    .AutoCtlPoint { fill:none; stroke:blue; stroke-width:4 }
    .Label { font-size:22; font-family:Courier }
  ]]></style>
 <g id="triangle"
    transform="matrix(0.5,0,0,-0.5,300,1500)"
    style="fill-opacity:0;fill:none;stroke:blue;stroke-opacity:1;stroke-width:20">
  <polygon class="Border"
    points="0,0 3120,0 1560,2702 0,0"
    id="triangle" />
  </g>
  <path id="AFHD" class="fillg puzzleout"
     d="M0,0 h780 l668.57143,579 l-668.57143,772 z"
    />
  <path id="FGI" class="fillb puzzleout"
     d="M780 0 h1560 l-669.42857,772 z"
    />
  <path id="HECD" class="fillr puzzleout"
     d="M1448.57143,579 L2340,1351 L1560,2702 L780,1351 z"
    />
  <path id="GBEI" class="filly puzzleout"
     d="M2340,0 L3120,0 2340,1351 1671.42857,772 z"
    />
</defs>

 <g id="pieces"
    transform="matrix(0.5,0,0,-0.5,150,1360)">
    <path class="SamplePath" d="M0,0 h3120 L1560,2702 z" />
   <use xlink:href="#AFHD" />
   <use xlink:href="#FGI" />
   <use xlink:href="#HECD" />
   <use xlink:href="#GBEI" />
</g>
<g id="rotpieces"
  transform="matrix(0.5,0,0,-0.5,1330,1360)">
    <use xlink:href="#FGI" />
    <use xlink:href="#GBEI" />
    <g id="red+green" transform="rotate(180 2340 1351)">
    <use xlink:href="#AFHD" />
    <use xlink:href="#HECD" />
    </g>
</g>
<g
  transform="matrix(0.5,0,0,-0.5,-51,2460)">
    <use xlink:href="#FGI" />
    <path id="qAFHD" class="fillg puzzleout" transform="rotate(180 780 0)"
     d="M0 0 h780 l668.57143,579 l-668.57143,772 z"
    />
    <use xlink:href="#GBEI" />
    <use xlink:href="#HECD" transform="rotate(180 2340 1351)"
    />
</g>
<g
  transform="matrix(0.5,0,0,-0.5,1130,2460)">
    <g id="blue+green" transform="rotate(180 2340 0)">
    <use xlink:href="#FGI" />
    <use xlink:href="#AFHD" transform="rotate(180 780 0)"
    />
    </g>
    <use xlink:href="#GBEI" />
    <use xlink:href="#HECD" transform="rotate(180 2340 1351)"
    />
</g>
<g
  transform="matrix(0.5,0,0,-0.5,150,3500)">
    <use xlink:href="#FGI"/>
    <use xlink:href="#GBEI" />
    <g transform="rotate(180 2340 1351)">
    <use xlink:href="#AFHD" transform="rotate(180 780 1351)"
    />
    <use xlink:href="#HECD"
    />
    </g>
</g>
</svg>