Untitled

                Never    
HTML
        
Download Raw Clone Report Copy 
<html>
  <head>
    <title>SVG-owoce</title>
  <script type="text/javascript" charset="UTF-8"></script></head>

<body>
<div id="container"/>
    <script>
      function addCircle(svg, cx, cy, r, fill, stroke, strokeWidth) {
        let circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
        circle.setAttribute("cx", cx);
        circle.setAttribute("cy", cy);
        circle.setAttribute("r", r);
        circle.setAttribute("fill", fill);
        circle.setAttribute("stroke", stroke);
        circle.setAttribute("stroke-width", strokeWidth);
        svg.appendChild(circle);
      }

      function addLine(svg, x1, x2, y1, y2, stroke, strokeWidth) {
        let line = document.createElementNS("http://www.w3.org/2000/svg", "line");
        line.setAttribute("x1", x1);
        line.setAttribute("x2", x2);
        line.setAttribute("y1", y1);
        line.setAttribute("y2", y2);
        line.setAttribute("stroke", stroke);
        line.setAttribute("stroke-width", strokeWidth);
        svg.appendChild(line);
      }

      var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
      svg.setAttribute("width", "60cm");
      svg.setAttribute("height", "64cm");
      svg.setAttribute("style", "background-color: #73E466");
      var x = 0;
      var y = 0;
      for(var i = 0 ; i < 10; i++, y += 40){
        for(var j = 0; j < 10; j++, x += 80) {
          
          // wiśnie
          addCircle(160 + x , 100 + y, 11 + x, "red", "none", 0);
          addCircle(185 + x, 100 + y, 11 + x, "red", "none", 0);
          addLine(167 + x, 160 + x, 60 + y, 89 + y, "black", 2
          addLine(164 + x, 185 + x, 60 + y, 89 + y, "black", 2);
          document.getElementById("container").appendChild(svg);
        }
        x = 0;
      }
    </script>
</body>
</html>

Raw Text

Recent Public Pastes