THEPEACEMAKER / Canvas-Drawing-Board

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Canvas Drawing Board

This is a practice project on the HTML5 Canvas and how to manipulate it using javascript, It started as a task in the ITI.

Live Version: https://thepeacemaker.github.io/Canvas-Drawing-Board/

Features:

  • Freehand drawing with the mouse
  • The space button acts as if you are holding the mouse click
    • Can be used to control the freehand drawing with more precision
    • Can be used to draw multiple shapes starting from the same point, allowing for some beautiful art to happen
  • Shapes
    • line
    • Rectangular
    • Circle
    • Triangle
  • Fill shapes
  • Change the color or the size of the brush
  • Eraser
  • Clear the whole canvas
  • Save the piece of art you have created

Author:

Adel Abdellatif | LinkedIn | Github | HackerRank

About


Languages

Language:JavaScript 47.8%Language:CSS 35.0%Language:HTML 17.2%