Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/sergeiown/drawingcanvas
- Owner: sergeiown
- License: mit
- Created: 2023-02-28T15:56:55.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-07T14:12:55.000Z (9 months ago)
- Last Synced: 2024-04-08T14:23:55.274Z (9 months ago)
- Topics: canvas, colorpicker, drawing, es6-plus, vanilla-javascript
- Language: JavaScript
- Homepage: https://sergeiown.github.io/DrawingCanvas/
- Size: 83 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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) |