/08_canvas

Primary LanguageHTML

Canvas

Day 8 of 30 days js challenge

Task | Getting Started | Technologies | screenshot

The Task

Day 8 of 30 days js challenge. The task is to use JavaScript in order to paint with your mouse on an HTML5 element. Painting with the mouse should work as follows:

  • moving the mouse should only result in painting when the pen is on the canvas (i.e., the left mouse button is clicked);
  • leaving the canvas with the cursor stops painting (i.e., when leaving and re-entering again while still having the button pressed, no painting happens).

Getting Started

  1. Fork this repo, and clone to your local machine. Navigate into the folder.
  2. Open index.html in your browser.

Technologies

  • Vanilla Javascript
  • HTML
  • CSS

Screenshot

screenshot