User:Lilyuserin/SVG/tangramsquare
< 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="2321" height="2321">
<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[
.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:black; stroke-width:5 }
.csqr { fill:red }
.cbig1 { fill:yellow }
.cbig2 { fill:green }
.cmid { fill:orange }
.csm1 { fill:cyan }
.csm2 { fill:blue }
.cpar { fill:purple }
.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>
<path id="square"
class="csqr puzzleout"
d="M0,0 h577 v577 h-577 z"
/>
<path id="bigtri"
d="M0,-816 l816 816 -816,816 z"
/>
<use id="bigtri1" class="cbig1 puzzleout"
xlink:href="#bigtri"
/>
<use id="bigtri2" class="cbig2 puzzleout"
xlink:href="#bigtri"
/>
<path id="smalltri"
d="M0,-408 l408 408 -408,408 z"
/>
<use id="smalltri1" class="csm1 puzzleout"
xlink:href="#smalltri"
/>
<use id="smalltri2" class="csm2 puzzleout"
xlink:href="#smalltri"
/>
<path id="midtri" class="cmid puzzleout"
d="M0,0 h1154 l-577,577 z"
/>
<path id="para" class="cpar puzzleout"
d="M0,0 h816 l408,-408 h-816 z"
/>
</defs>
<g id="tangram-square"
transform="translate(339,1154)">
<use xlink:href="#bigtri1" transform="rotate(45 816 0) "/>
<use xlink:href="#bigtri2" transform="rotate(-45 816 0) "/>
<use xlink:href="#smalltri1" transform="translate(408,-577) rotate(135 408 0) "/>
<use xlink:href="#square" transform="translate(816,-577) "/>
<use xlink:href="#midtri" transform="translate(1393,577) rotate(-90) "/>
<use xlink:href="#smalltri2" transform="translate(408,0) rotate(225 408 0) "/>
<use xlink:href="#para" transform="translate(577,577) rotate(-45 816 0) "/>
</g>
</svg>