This project is a web-based application that allows users to generate customizable grids in various sizes, types, and orientations. The generated grids can be exported as PNG images or PDF files, making it a useful tool anyone.
- Choose from different page sizes (A1, A2, A3, A4, A5)
- Switch between Portrait and Landscape orientations
- Select grid type: Squares, Dots, or Lines
- Adjust grid size, margin, and line thickness
- Set custom background and line colors
- Export the grid as PNG or PDF
You can access the tool here.
- Select the desired page size and orientation.
- Choose the grid type (Squares, Dots, or Lines) and configure its size, margin, and line thickness using the sliders.
- Customize the background and line colors using the color pickers.
- The grid will automatically update based on your selections.
- Once the grid is ready, you can download it as a PNG image or PDF by clicking the corresponding buttons.
- HTML5 Canvas for rendering the grid
- JavaScript for dynamic grid generation
- jsPDF for PDF export functionality
index.html: The main HTML file containing the user interface.script.js: The JavaScript file that handles the grid generation, customization, and export logic.styles.css: The CSS file that styles the layout (optional if included).
This project is open-source and available under the MIT License.
Contributions are welcome! Feel free to open a pull request or report an issue.
- Fork the repository
- Create your feature branch (
git checkout -b feature/my-new-feature) - Commit your changes (
git commit -am 'Add some feature') - Push to the branch (
git push origin feature/my-new-feature) - Create a new Pull Request