Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/samethope/canvasplusplus
Web canvas made of html, js and css. Used as a fun web dev practice project.
https://github.com/samethope/canvasplusplus
canvas css html js theodinprojectfoundations
Last synced: 14 days ago
JSON representation
Web canvas made of html, js and css. Used as a fun web dev practice project.
- Host: GitHub
- URL: https://github.com/samethope/canvasplusplus
- Owner: SametHope
- Created: 2023-12-31T19:29:16.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-31T20:15:37.000Z (about 1 year ago)
- Last Synced: 2024-11-22T22:15:28.012Z (3 months ago)
- Topics: canvas, css, html, js, theodinprojectfoundations
- Language: JavaScript
- Homepage: https://canvasplusplus.netlify.app/
- Size: 30.3 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CanvasPlusPlus 
This is one of my first web projects, inspired but not directly made for the [The Odin Project](https://www.theodinproject.com/lessons/foundations-etch-a-sketch). This project served me as mean to practice html, css and javascript. It intentionally avoids making use of the [html canvas element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/canvas).
This web app makes use of Bresenham's Line Algorithm, has save and load features as a custom json files, customizable brush color and size, undo functionality and more.
A live demo can be checked out here: https://canvasplusplus.netlify.app/
If I ever come back to this project I am planning to add lightening, darkening, in-canvas color picking, bucket fill and move the options menu besides the canvas as a QOL.
## Some Relevant Images
### Empty Canvas
### Canvas Options
### An Image Made With The App
