Canvas

Fun drawing app project built with vanilla JavaScript and HTML5 Canvas API.

#BrushAndEraserControls
#UndoRedo
#OpacityControls
#ImageExport

Project overview

Canvas is an intuitive drawing application built with Vanilla JavaScript and the HTML5 Canvas API. It provides users with a digital canvas, featuring customizable brush sizes, an extensive color palette, undo/redo functionality, and the ability to save their canvas.

Features

Freehand drawing with a brush tool
Customizable brush and eraser sizes
Rich color palette with opacity control for both brush and background
Undo, redo, and clear functionality for precise editing
Save creations with a built-in download feature

Technologies used

Client

Vanilla JavaScript, HTML, CSS (Sass), HTML5 Canvas API, Pickr Library (color picker)

Tooling

Webpack, npm