In this project, we are building a drawing app. This is one of the awesome project out there. This project is using html canvas which creates a square box or drawing area. It is simple and easy to use. It has a background colour and a square box drawing layout. You must use your mouse button to draw.
The project has function to control the thickness of the pointer. You can see a square box with footer. The footer has some control buttons. Such as clear, increase and decrease. It further includes a colour picker where you can pick any type of colours. Have a look at the screenshot below.
Building the project
When you click and drag your mouse pointer on the screen and you can draw. An event listener is used in buttons that perform special tasks. You can draw whatever you want. The project has a good user-friendly interface and easy to interact with. Download the project and get experienced by yourself.
How to use his project?
- Download the project.
- Get the code.
- Set up an editor or IDE. (vs code, sublime, atom)
- Open the project folder on the editor.
- Launch the program in the browser. (chrome, firefox)
- Draw your first sketch.
- Enjoy & Share
Click the button below to get the source code for this project.