User:Lilyuserin/SVG/herz
< User:Lilyuserin | SVG
<?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>