The HTML5 Canvas

The Canvas API provides a means for drawing graphics via JavaScript and the HTML <canvas> element.

The Project

Project Code | Live Site

Testing

Run the project and test out the site to see how it works.

Updates

There are a few things you can try to change. Open up the script.js file to try to figure it out:

• Make the square a different color than white
• Make the square smaller or bigger
• Make the square rotate in a bigger or smaller circle
• Make the square rotate faster or slower
• MINI-CHALLENGE: Make the square rotate counter clockwise by default instead of clockwise.

Resources

Click here for a Canvas tutorial.

.

.

.

.

.

🔑 the answer to question one is: rat