Untitled

mail@pastecode.io avatar
unknown
plain_text
2 years ago
5.9 kB
3
Indexable
<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
  width="1920" height="1080" viewBox="0 0 100% 100%">
  
  <defs>
    <linearGradient id="the_sky" x1="50%" y1="100%" x2="50%" y2="0%">
			<stop offset="0%" stop-color="#f0f"/>
			<stop offset="100%" stop-color="black" />
		</linearGradient>
    <polygon id="tree_polygon" points="50 0 70 40 100 80 50 70 0 80 30 40 50 0"/>
    <g id="tree">
      <use xlink:href="#tree_polygon" transform="translate(80, 000) scale(1.0)"/>
      <use xlink:href="#tree_polygon" transform="translate(70, 015) scale(1.2)"/>
      <use xlink:href="#tree_polygon" transform="translate(60, 030) scale(1.4)"/>
      <use xlink:href="#tree_polygon" transform="translate(50, 045) scale(1.6)"/>
      <use xlink:href="#tree_polygon" transform="translate(40, 060) scale(1.8)"/>
      <use xlink:href="#tree_polygon" transform="translate(30, 075) scale(2.0)"/>
      <use xlink:href="#tree_polygon" transform="translate(20, 090) scale(2.2)"/>
      <use xlink:href="#tree_polygon" transform="translate(10, 105) scale(2.4)"/>
      <use xlink:href="#tree_polygon" transform="translate(00, 120) scale(2.6)"/>
    </g>
  </defs>

  <title>Weihnachtsmensch</title>

  <rect x="0" y="0" width="1920" height="1080" fill="url(#the_sky)"/>

  #<g id="forest">
   # <use xlink:href="#tree" fill="black" transform="translate(0200, 600) scale(0.8)"/>
   # <use xlink:href="#tree" fill="white" transform="translate(0100, 570) scale(0.8)"/>
    #<use xlink:href="#tree" fill="black" transform="translate(1170, 400) scale(1.0)"/>
    #<use xlink:href="#tree" fill="black" transform="translate(1480, 450) scale(0.9)"/>
    #<use xlink:href="#tree" fill="white" transform="translate(1100, 500) scale(0.8)"/>
    #<use xlink:href="#tree" fill="white" transform="translate(1290, 340) scale(1.2)"/>
    #<use xlink:href="#tree" fill="white" transform="translate(1595, 510) scale(0.8)"/>
  </g>

  <g id="ground">
    <ellipse cx="0" cy="1300" rx="1000" ry="500" fill="white"/>
    <ellipse cx="1400" cy="1200" rx="1000" ry="500" fill="white"/>
  </g>

  <circle id ="bauch" cx="700" cy="780" r="200" stroke="red" stroke-width="0" fill="red" />

  <circle id ="bein1" cx="610" cy="980" r="50" stroke="red" stroke-width="0" fill="black" />

  <circle id ="bein2" cx="780" cy="980" r="50" stroke="red" stroke-width="0" fill="black" />

  <circle id ="hand1" cx="500" cy="780" r="45" stroke="red" stroke-width="0" fill="white" />

  <circle id ="kopf" cx="700" cy="550" r="95" stroke="red" stroke-width="0" fill="#F9dec0" />

  <circle id ="hand2"
   cx="840" cy="620" r="44" stroke="red" stroke-width="0" fill="white" >
   <animateMotion
      dur="1s"
      repeatCount="indefinite"
      path="M20,0 L-20,0  20,0 z" />
   
   
    
 
  </circle>

  <circle id ="beutel1" cx="840" cy="610" r="12" stroke="red" stroke-width="0" fill="#653500" >
    <animateMotion
      dur="1s"
      repeatCount="indefinite"
      path="M20,0 L-20,0  20,0 z" />
  </circle>    
  <circle id ="beutel2" cx="840" cy="630" r="12" stroke="red" stroke-width="0" fill="#653500" >
    <animateMotion
      dur="1s"
      repeatCount="indefinite"
      path="M20,0 L-20,0  20,0 z" />
  </circle>
  <circle id ="beutel3" cx="850" cy="620" r="12" stroke="red" stroke-width="0" fill="#653500" >
    <animateMotion
      dur="1s"
      repeatCount="indefinite"
      path="M20,0 L-20,0  20,0 z" />
  </circle>
  <circle id ="beutel3" cx="830" cy="620" r="12" stroke="red" stroke-width="0" fill="#653500" >
    <animateMotion
      dur="1s"
      repeatCount="indefinite"
      path="M20,0 L-20,0  20,0 z" />
  </circle>


  <rect id= "band" x="626" y="470" width="148" height="20" fill = "white" />

  <path id="hat" d="M626 470 C620 490, 650 370, 778,330 C746 450, 760 450, 774,470 Z  " fill="red" />
  <circle id ="hat2" cx="774" cy="330" r="15" stroke="red" stroke-width="0" fill="white" />

  <ellipse id="eye1" cx="680" cy="530" rx="12" ry="18"
  fill="white" />

  <ellipse id="eyeball1" cx="680" cy="534" rx="6" ry="6"
  fill="black" />

  

 
  <ellipse id="eye2" cx="720" cy="530" rx="12" ry="18"
  fill="white" />

   <ellipse id="eyeball2" cx="720" cy="534" rx="6" ry="6"
  fill="black" />

  <ellipse id="nose2" cx="700" cy="560" rx="25 " ry="18"
  fill="red" />



  <polygon id ="bart"
  points="620,600 780,600 700,760" fill = "white" stroke-width="1" />

  <polygon id="star"
    points=" 1077,424 1052,397 1014,403 1032,370 1014,337 1052,343 1077,316 1083,354 1117,370 1083,386 " fill="#ffd700">
    <animateTransform attributeName="transform" type="rotate"
      from="0 1060 370" to="360 1060 370"
      dur="4s" repeatCount="indefinite"/>
  </polygon>

  <polygon id="star"
    points=" 1577,424 1552,397 1514,403 1532,370 1514,337 1552,343 1577,316 1583,354 1617,370 1583,386 " fill="#ffd700">
    <animateTransform attributeName="transform" type="rotate"
      from="0 1560 370" to="360 1560 370"
      dur="4s" repeatCount="indefinite"/>
  </polygon>

  
  
  <polygon id="star"
    points=" 477,434 452,407 414,413 432,380 414,347 452,353 477,326 483,364 517,380 483,396 " fill="#ffd700">
    <animateTransform attributeName="transform" type="rotate"
      from="0 480 370" to="360 480 370"
      dur="3s" repeatCount="indefinite"/>
  </polygon>


  
  


  

  <polygon id="star 20"
    points=" 60,10 60,110 70,20 50,100 80,30 40,90 90,40 30,80 100,50 20,70 110,60 10,60 100,70 20,50 90,80 30,40 80,90 40,30 70,100 50,20  " fill="#ffd700">
    <animateTransform attributeName="transform" type="rotate"
      from="0 80 100" to="360 80 100"
      dur="3s" repeatCount="indefinite"/>
  </polygon>

  <!-- Fill in your code here!-->

</svg>