← Back to projects

Canvas

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

  • #BrushAndEraserControls
  • #UndoRedo
  • #OpacityControls
  • #ImageExport

Live siteSource code

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