HTML Cars report

An example including some commonly used features of SVG.

<!DOCTYPE html> <html> <head> <title>Fork of Shapes and Colors with SVG and CSS</title> <link rel="stylesheet" href="styles.css"> </head> <body> <svg width="960" height="500"> <g transform="scale(1.7)"> <circle cx="50" cy="50" r="40"></circle> <rect x="150" y="25" width="50" height="50"></rect>

    <circle cx="50" cy="150" r="40" fill="red"></circle>
    <rect x="150" y="125" width="50" height="50" fill="#83cc2a"></rect>

    <g transform="translate(0, 200)" fill="#adf6ff" stroke="black">
      <circle cx="50" cy="50" r="40" stroke-width="5"></circle>
      <rect x="150" y="25" width="50" height="50"></rect>
    </g>

    <g class="lines" transform="translate(50, 0)">
      <line x1="200" y1="20" x2="300" y2="280"></line>
      <path fill="none" d="M300 280 L350 200 L400 250 L450 230"></path>
    </g>
  </g>
</svg>

</body> </html>

HTML Cars report

casihoicho