Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sergeiown/drawingcanvas

Drawing Canvas is a simple drawing app that allows users to create and save drawings using a canvas and color picker. The app is available for both touchscreen and desktop devices, and features different functionality for each platform.
https://github.com/sergeiown/drawingcanvas

canvas colorpicker drawing es6-plus vanilla-javascript

Last synced: about 2 months ago
JSON representation

Drawing Canvas is a simple drawing app that allows users to create and save drawings using a canvas and color picker. The app is available for both touchscreen and desktop devices, and features different functionality for each platform.

Awesome Lists containing this project

README

        

# drawing-canvas

- [x] Drawing Canvas is a simple drawing app that allows users to create and save drawings using a canvas and color picker. The app is available for both touchscreen and desktop devices, and features different functionality for each platform.

- [x] Touchscreen devices have access to a variety of drawing tools. Users can also use their fingers to draw shapes and text.

- [x] Desktop devices have access to a more powerful set of drawing tools. Users can also use their mouse to draw shapes and text.

- [x] The app was created using only vanilla JavaScript, which makes it easy to learn and modify.
## Structure of the application:

![image](https://github.com/sergeiown/DrawingCanvas/assets/112722061/ac9af9e3-3866-487b-b1a7-b6654713e4ef)

## Appearance of the Drawing Canvas:

| Desktop Drawing Canvas | Mobile Drawing Canvas |
| ---------------------------------------- | ------------------------------------------------- |
| ![image](https://github.com/sergeiown/DrawingCanvas/assets/112722061/c35b2316-38ee-4e4a-8a59-f094bea6981c) | ![image](https://github.com/sergeiown/DrawingCanvas/assets/112722061/9a3b8de1-0bd8-409c-a651-6be1c4bf629a) |