https://github.com/eiskalteschatten/grid-js

An example of how to draw a grid using JavaScript and the HTML 5 canvas tag.
https://github.com/eiskalteschatten/grid-js

canvas canvas2d

Last synced: 26 days ago
JSON representation

An example of how to draw a grid using JavaScript and the HTML 5 canvas tag.

• Host: GitHub
• URL: https://github.com/eiskalteschatten/grid-js
• Owner: eiskalteschatten
• License: gpl-3.0
• Created: 2022-11-12T11:11:15.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-03T13:30:52.000Z (about 2 years ago)
• Last Synced: 2024-11-02T15:42:24.226Z (2 months ago)
• Topics: canvas, canvas2d
• Language: JavaScript
• Homepage: https://www.alexseifert.com
• Size: 44.9 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# grid-js

This project is a small example of how to draw a grid using JavaScript and the HTML 5 canvas tag. It supports a variable number of lines along both the x and y axis as well as light and dark mode.

To run it, clone the repository and open `index.html` in your favorite browser.

Here are a couple of screenshots:

![Dark Mode with a 5x5 grid](https://github.com/eiskalteschatten/grid-js/blob/main/screenshots/dark-mode-5-by-5.jpg?raw=true)

*Dark Mode with a 5x5 grid*

![Light Mode with a 20x20 grid](https://github.com/eiskalteschatten/grid-js/blob/main/screenshots/light-mode-20-by-20.jpg?raw=true)

*Light Mode with a 20x20 grid*

---

Alex Seifert - https://www.alexseifert.com