User:Lilyuserin/SVG/rhombus

Links

• de:Raute
• en:Rhombus

Einleitung

Ein Rhombus ist ein ebenes Viereck mit vier gleich langen Seiten, folglich sind die einander gegenüber liegende Seiten zueinander parallel. Die beiden Diagonalen stehen aufeinander normal und halbieren einander, die Diagonalen sind Winkelhalbierende. Gegenüberliegende Winkel sind gleich groß, benachbarte supplementär.

Diagonalen: e, f Eckpunkte: $A(0,0),B/D\left({\frac {e}{2}},\pm {\frac {f}{2}}\right),C(e,f)$

Näherungen

$e$	$f$	$B/D$	$C$	Pfad
5	7	$(2.5,\pm 3.5)$	(5,0)	m0,0 l5,7 5,-7 -5,-7 z
12	17	$(6,\pm 8.5)$	(12,0)	m0,0 l12,17 12,-17 -12,-17 z
29	41	$(14.5,\pm 20.5)$	(29,0)	m0,0 l29,41 29,-41 -21,-41 z
70	99	$(35,\pm 49.5)$	(70,0)	m0,0 l70,99 70,-99 -70,-99 z
169	239	$(84.5,\pm 118.5)$	(169,0)	m0,0 l169,239 169,-239 -169,-239 z

Ineinander geschachtelt

<defs>
  <g id="d">
   <circle r="780"/>
  </g>
   <clipPath id="outl">
    <use xlink:href="#outline" />
   </clipPath>
  <filter id="f1" filterUnits="objectBoundingBox"
          x="-0.25" y="-0.25" width="1.5" height="1.5">
    <feGaussianBlur in="SourceGraphic"
       stdDeviation="2"/>
  </filter>
  <filter id="f2" filterUnits="objectBoundingBox"  >
    <feGaussianBlur in="SourceAlpha"
       stdDeviation="5"/>
  </filter>
  <filter id="f1" filterUnits="objectBoundingBox"
          x="-0.25" y="-0.25" width="1.5" height="1.5">
   <feColorMatrix type="hueRotate" values="135" in="SourceGraphic"/>
   <feOffset dy="50" dx="50" />
  </filter>


  <linearGradient id="lgr" gradientTransform="rotate(135)"
   gradientUnits="objectBoundingBox">
   <stop stop-color="rgb(59,156,11)" offset="0"/>
   <stop stop-color="rgb(59,156,11)" stop-opacity="0" offset="1"/>
  </linearGradient>
  <radialGradient id="rb" cx="0.25" cy="0.25" r="1"
  gradientUnits="objectBoundingBox" >
   <stop stop-color="#f00" offset="0" />
   <stop stop-color="#40f" offset="1" />
  </radialGradient>
  <mask id="maske">
   <rect x="-1350" y="-1500" width="1900" height="2700" fill="#fff" />
   <use xlink:href="#triangle"  fill="#000" />
   <use xlink:href="#triangle"  fill="#000"  transform="rotate(51)"/>
  </mask>
  <g clip-path="url(#outl)" id="id1">
   <use xlink:href="#d" filter="url(#f1)" fill="url(#lgr)"/>
  </g>

  <g mask="url(#maske)" id="id2">
   <use xlink:href="#outline" fill="#80f" transform="rotate(257.5)"/>
   <use xlink:href="#outline" fill="#f0f" transform="rotate(309)"/>
  </g>

 </defs>
 <g fill="none" stroke="blue" stroke-width="2" >
 <path id="rhomb5-7"
   d="m0,0 l5,7 5,-7 -5,-7 z
      m5,7 l5,7 5,-7 -5,-7 z
      m5,7 l5,7 5,-7 -5,-7 z
      m5,7 l5,7 5,-7 -5,-7 z
      m5,7 l5,7 5,-7 -5,-7 z
     " />
 <path id="rhomb12-17"
   d="m0,0 l12,17 12,-17 -12,-17 z
      m12,17 l12,17 12,-17 -12,-17 z
      m12,17 l12,17 12,-17 -12,-17 z
      m12,17 l12,17 12,-17 -12,-17 z
      m12,17 l12,17 12,-17 -12,-17 z
     " />
 <path id="rhomb29-41"
   d="m0,0 l29,41 29,-41 -29,-41 z
      m29,41 l29,41 29,-41 -29,-41 z
      m29,41 l29,41 29,-41 -29,-41 z
      m29,41 l29,41 29,-41 -29,-41 z
      m29,41 l29,41 29,-41 -29,-41 z
      M87,41 l29,41 29,-41 -29,-41 z
      m58,0 l29,41 29,-41 -29,-41 z
      m58,0 l29,41 29,-41 -29,-41 z
     " />
 <path id="rhomb70-99"
   d="m0,0 l70,99 70,-99 -70,-99 z
      m70,99 l70,99 70,-99 -70,-99 z
     " />
 <path id="rhomb169-239"
   d="m0,0 l169,239 169,-239 -169,-239 z
     " />
 </g>

Skaliert

<defs>
 <path id="rhomb5-7"
   d="m0,0 l5,7 5,-7 -5,-7 z
      M0,0 h10 M5,-7 v14
     " />
 <path id="rhomb12-17"
   d="m0,0 l12,17 12,-17 -12,-17 z
      M0,0 h24 M12,-17 v34
     " />
 <path id="rhomb29-41"
   d="m0,0 l29,41 29,-41 -29,-41 z
      M0,0 h58 M29,-41 v82
     " />
 <path id="rhomb70-99"
   d="m0,0 l70,99 70,-99 -70,-99 z
      M0,0 h140 M70,-99 v198
     " />
 <path id="rhomb169-239"
   d="m0,0 l169,239 169,-239 -169,-239 z
      M0,0 h338 M169,-239 v479
     " />
 </defs>
 <g fill="none" >
   <use transform="scale(33.8)" xlink:href="#rhomb5-7"
    stroke="blue" stroke-width="0.15"
   />
   <use x="0" transform="scale(14.08)" xlink:href="#rhomb12-17"
    stroke="#aa0" stroke-width="0.4" opacity="1"
   />
   <use x="0" transform="scale(5.8)" xlink:href="#rhomb29-41"
    stroke="red" stroke-width="1" opacity="1"
   />
   <use x="0" transform="scale(2.41)" xlink:href="#rhomb70-99"
    stroke="green" stroke-width="2" opacity="1"
   />
  <use x="0" transform="scale(1)" xlink:href="#rhomb169-239"
    stroke="magenta" stroke-width="3"
   />
 </g>