Build A Drawing or Paint App in HTML CSS & JavaScript | Drawing App in JavaScript

Описание

In this video, I've shown you how to Build A Drawing or Paint using HTML CSS & JavaScript. In this drawing app, users can draw different shapes like rectangles, circles, and triangles in their preferred colors. They can also erase or download their drawing as an image. All these functionalities are done with HTML 5 canvas & vanilla JavaScript, no external framework or library is used.

Build An Image Editor with HTML CSS & JavaScript
Watch: https://youtu.be/YqUUvBpCtfA

Live Demo or Download Codes of this Drawing App (Open on the Desktop/Laptop for a better preview)
https://codingnepalweb.com/demos/drawing-app-javascript/

Download Icons of this Drawing App (Icons Only)
https://drive.google.com/file/d/1P4toTWIlgvcjjiZPfRiDoB2yukhjmGuT/view?usp=sharing

Timestamps:
0:00 Demo of Drawing App
3:16 HTML & CSS start
18:22 JavaScript start
19:13 Working on Brush Tool
25:53 Working on Rectangle Tool
31:52 Working on Circle Tool
35:03 Working on Triangle Tool
37:40 Working on Size Slider
39:20 Working on Color Options
45:13 Working on Eraser Tool
46:23 Working on Clear Canvas Button
47:29 Working on Save Image Button

Second Channel - https://bit.ly/3aHNkru
Website: https://www.codingnepalweb.com
Facebook - https://www.facebook.com/coding.np
Instagram - https://www.instagram.com/coding.np

Music Credit:
Deep Sea by Vendredi
https://youtu.be/pgyO_nxgmnE

Something 'bout July (Instrumental) by RYYZN
https://youtu.be/OFga9pkl6RU

Ikson - We Are Free [Official]
https://youtu.be/DnPUq5qBZxk

Ehrling - You And Me (Vlog No Copyright Music)
https://youtu.be/8HJSl7AiJNg