A simple paint app in html, css, js which allows user to draw different kind of shapes. In this app user can draw different shapes like rectangles, circles and triangles in their prefered colors. They can also erase or download their drawing as an image. All these functionalities are done with HTML 5 Canvas and vanilla javascript, no external framework or library is used.
The user can simply choose to draw the shape of ther own choice. The toggling effect between the shapes allows the user to identify the currently chosen shape of the canvas. Once the user clicks on the shape, it is colored with #4A98f7 colored text which shows that the particukar shape has been selected and is in use. The user can simply then click and drag the mouse to create the shapes of their desires.
Following are some of the new features and learning encountered while creating this amazing project:
- We can snapshot the canvas current state at any point for further usage.
- We can also change the color of the brush as per requirement.
Follwing resources have been used in maintaining this project:
- Color Palletes for choosing the theme of the website.
This web based application has been deployed on vercel. If you want to give it a tru then you can access this app through the original link of Drawing App
Follwing technologies have been used at the core of this application to make it stand in the market place:
- HTML
- CSS
- JS
- Canvas
No advancement required
The website is deployed using the free hosting provided by **Vercel**
Later on the link was customized using the well known url shortner and customizer **Rebrandly**:
Muhammad Abdullah Butt
abdullahbutt12292210@gmail.com