Friday, March 13, 2015

Circle in SVG

SVG Circle is different from ellipse because the entire radius in a circle has same length but in ellipse the case is not same as the radius x and y has two different lengths. The <circle> element in SVG is used for the creation of a circle. 

Example:

 <!DOCTYPE html>  
 <html>  
 <head lang="en">  
 <meta charset="UTF-8"/>  
 <title>SVG</title>  
 </head>  
 <body>  
 <h2>Example of SVG Circle </h2>  
 <svg height="200" width="200">  
 <circle cx="100" cy="100" r="80" stroke="yellow" stroke-width="3" fill="green" />  
 </svg>  
 </body>  
 </html>  

No comments:

Post a Comment