Draw a crescent circle using SVG in HTML - HTML CSS SVG

HTML CSS examples for SVG:Circle

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

Description

Draw a crescent circle using SVG in HTML

Demo Code

ResultView the demo in separate window 

<html>
 <head></head> 
 <body> 
  <h1>My first SVG</h1> 
  <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> 
   <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" /> 
   <circle cx="115" cy="50" r="30" stroke="black" stroke-width="2" fill="white" /> 
   <circle cx="130" cy="50" r="23" stroke="white" stroke-width="2" fill="white" /> 
  </svg>  <!--from  w  w w . java2 s .  c o m-->
 </body>
</html>

Related Tutorials