• If you are citizen of an European Union member nation, you may not use this service unless you are at least 16 years old.

  • Work with all your cloud files (Drive, Dropbox, and Slack and Gmail attachments) and documents (Google Docs, Sheets, and Notion) in one place. Try Dokkio (from the makers of PBworks) for free. Now available on the web, Mac, Windows, and as a Chrome extension!


Lecture - Drawing a Circle on the Canvas

Page history last edited by Dr. Ron Eaglin 7 years, 2 months ago

 Drawing a Circle on the Canvas





Should have familiarity with JSFiddle and Javascript




Demonstrates how to draw a circle on the HTML5 Canvas using the equation for a circle and the line. Covers topics


1. HTML5 Canvas

2. Drawing using 2D Context

3. Creating a shape using an equation (circle)

4. Using timer to animate circle

5. Mention of prototypes and adding a function to an object.





Reference Materials


JSFiddle of Loop Version - http://jsfiddle.net/reaglin/0rw5ny4m/ 


JSFiddle of Timer Version - http://jsfiddle.net/reaglin/rtuz8jn3/ 



Additional Information



COP 4813 Lectures

Comments (0)

You don't have permission to comment on this page.