User:Lilyuserin/SVG/herz

From Wikimedia Commons, the free media repository
Jump to navigation Jump to search
<?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="2000" height="3000">
<defs>
<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 }
    .outline { stroke:none; stroke-width:0 }
    .csqr { fill:gold }
    .cbig1 { fill:darkgreen }
    .cbig2 { fill:crimson }
    .cmid { fill:orangered }
    .csm1 { fill:maroon }
    .csm2 { fill:darkblue }
    .cpar { fill:darkslateblue }
    .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="herz" transform="scale(1.36)">
   <path 
    d="M0 200 v-200 h200 
    a100,100 90 0,1 0,200
    a100,100 90 0,1 -200,0
    z " />
 </g>
 <path id="zwickel" transform="scale(-1.36,1.36)"
	d="M0 0 L-52 -194 A100,100 0 0,1 0,-308
     h50 l40 30
    z" />
  <path id="hex"
	 d="M-209 362 L209 362 L418 0 L209 -362 L-209 -362 L-418 -0
	 z" />
  <path id="hexspitz"
	 d="M0 418 L362 209 L362 -209 L0 -418 L-362 -209 L-362 209 
	 z" />
</defs>

 <g transform="translate(500,800) scale(1,-1)" >
<desc>
   Radius des Kreisbogens: 100*1.36
	 2*136=272
   cos15=0.9659258262890682867497431997289
	 cos15*200 = 193.18516525781365734994863994578
	 sin15*200 = 51.76380902050415246977976752481
   sin15=0.25881904510252076234889883762405
	 Schnittpunkt der Herzen: 0/418
	 418/1.36 = 307.35294117647058823529411764706
	 sin15*418=108.18636085285367866183971412685
	 cos15*418=403.75699538883054386139265748668
	 Startpunkt des Herzkreises: 0/272
	 sin15*272 = 70.398780267885647358900483833741
	 cos15=272 = 262.73182475062657399593015032626
	 die Schnittkurve der Herzen sollte also folgendermaßen gehen:
	 Start im Ursprung, gerade Linie bis (-70/262), Kreisbogen Radius 136 bis (0/418),
	 Kreisbogen Radius 136 bis (70/262), gerade Linie bis Ursprung
	 M0 0 L-70 262 A136,136 0 0,1 0,418
</desc>
  <use xlink:href="#herz" class="outline " fill="red" />
  <use xlink:href="#herz" class="outline " fill="yellow" transform="rotate(-60)" />
	<use xlink:href="#herz" class="outline " fill="lime" transform="rotate(-120)" />
	<use xlink:href="#herz" class="outline " fill="cyan" transform="rotate(-180)" />
		<use xlink:href="#herz" class="outline " fill="blue" transform="rotate(-240)" />
			<use xlink:href="#herz" class="outline " fill="magenta" transform="rotate(-300)" />
	 <use xlink:href="#zwickel" class="outline" fill="red" transform="rotate(165)"  />
 </g>
</svg>