Forgot username/password? Don't have an account?
Login with Facebook
Home » Courses » Drawing and animating with SVG » Drawing a circle in SVG
Subscribe for updates.
* New to us? log in with Facebook and get a free day pass

Drawing and animating with SVG

  1. Creating a basic SVG image (08:22)
  2. Drawing a circle in SVG (06:01)
  3. Integrating SVG into HTML5 (04:58)
  4. Creating a polygon (06:26)
  5. Animating SVG (05:36)

Drawing a circle in SVG

In the last lesson we created an SVG image and filled it up with a red rectangle. In this lesson we will learn how to add more elements into our stage starting with a circle. Through this sample we will learn about how stacking works in SVG, positioning of elements and how to work with SVG styles.


  • Creating a circle.
  • Positions: relative and absolute.
  • Using SVG styles.
Got A Question?

'I love being Prime'

Have a question but don't want to ask it publicly? If you are a prime member just ask right here and we will get back to you within 48 hours. Not prime yet? no worries you can ask publicly below.

Act now while we have available seating

Our on line school is private, affordable and interactive with trainer support.
Act now save your seat before someone else takes yours.
Act now