Create Rectangle and Circle in SVG - HTML CSS SVG

HTML CSS examples for SVG:Circle

  1. HOME
  2. HTML CSS
  3. SVG
  4. Circle

Description

Create Rectangle and Circle in SVG

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
 </head> <!--from w  ww. j a v  a 2  s  .  c  om-->
 <body> 
  <svg width="500" height="500"> 
   <circle r="100" fill="red" transform="translate(150,150)"></circle> 
   <rect x="-25" y="-25" width="50" height="50" fill="green" transform="translate(150,150)"> 
   </rect> 
  </svg>  
 </body>
</html>

Related Tutorials