How To Create An HTML5 Drawing App From Scratch
JavaScript
26/06/2021
In this mini-series, you'll learn how to create a drawing app 🎨 with an HTML5 Canvas and JavaScript. The topics range from an introduction to the canvas element up to the addition of a spray tool.
- An Introduction To HTML5 Canvas
- Drawing On A Canvas Using A Mouse
- Dragging A Mouse Outside Of The Canvas
- Changing Drawing Colors
- Changing Line Width Using A Slider
- Clearing An HTML5 Canvas
- Creating An Eraser
- Adding A Spray Tool
Each article is accompanied by an interactive Codepen snippet ✏️ that includes the discussed code. Enjoy!