Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/i2djs/pdf-frame
pdf-frame is a web framework designed specifically for handling PDF and Canvas graphics requirements. It provides component support for popular frameworks like Vue, Nuxt and React. With its declarative HTML syntax and semantics, it offers a straightforward way to define PDF/Canvas graphical content efficiently.
https://github.com/i2djs/pdf-frame
animation canvas data-visualization javascript nuxtjs nuxtjs-template pdf pdf-generator visualizations vuejs web-application
Last synced: 1 day ago
JSON representation
pdf-frame is a web framework designed specifically for handling PDF and Canvas graphics requirements. It provides component support for popular frameworks like Vue, Nuxt and React. With its declarative HTML syntax and semantics, it offers a straightforward way to define PDF/Canvas graphical content efficiently.
- Host: GitHub
- URL: https://github.com/i2djs/pdf-frame
- Owner: I2Djs
- License: mit
- Created: 2023-05-30T17:17:01.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-02T18:49:29.000Z (22 days ago)
- Last Synced: 2024-12-16T15:47:02.750Z (9 days ago)
- Topics: animation, canvas, data-visualization, javascript, nuxtjs, nuxtjs-template, pdf, pdf-generator, visualizations, vuejs, web-application
- Language: Vue
- Homepage: https://www.pdf-frame.org
- Size: 5.77 MB
- Stars: 50
- Watchers: 2
- Forks: 5
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
[www.pdf-frame.org](https://www.pdf-frame.org)
# pdf-frame
| Package | version |
| --- | --- |
| [pdf-frame-vue](https://github.com/I2Djs/pdf-frame/tree/main/packages/pdf-frame-vue) | [![npm](https://img.shields.io/npm/v/@i2d/pdf-frame-vue.svg)](https://www.npmjs.com/package/@i2d/pdf-frame-vue) |
| [pdf-frame-nuxt](https://github.com/I2Djs/pdf-frame/tree/main/packages/pdf-frame-nuxt) | [![npm](https://img.shields.io/npm/v/@i2d/nuxt-pdf-frame.svg)](https://www.npmjs.com/package/@i2d/nuxt-pdf-frame) |## Introduction
Pdf-frame is a JavaScript web framework for client-side PDF/Canvas rendering. With its declarative HTML syntax and semantics, it offers an easy and efficient way to define PDF/Canvas graphical content. It follows syntax similar to SVG's and provides component support for popular frameworks like Vue, nuxt, and React(work in progress). Powered by [i2djs](https://github.com/I2Djs/I2Djs), PDF-frame presently supports rendering outputs as PDF and Canvas formats.
## Features
* **Declarative Syntax:** Easily define PDF/Canvas graphical content using a clear and declarative syntax.
* **SVG-like Syntax and Semantics:** Adopts the familiar SVG tag and attribute syntax for defining geometrical shapes.
* **Consistent Rendering:** Provides the same syntax and semantics for rendering both PDF and Canvas outputs.
* **Auto Pagination:** Content overflow is taken care by the engine by spawning new pages, ensuring the document's integrity and readability.
* **Multi-page Support:** Create multi-page PDF documents seamlessly.
* **Animations & Events:** Easy way to define the animations and events on elements in canvas context.
* Framework component support: Vue, nuxt.## Blogs:
* [Creating visually rich PDFs with PDF-Frame-Vue](https://nswamy14.hashnode.dev/creating-visually-rich-pdfs-with-pdf-frame-vue)
* [Simplifying PDF Rendering in Vue with PDF-Frame-Vue](https://nswamy14.hashnode.dev/pdf-rendering-made-easy-with-pdf-frame-vue)### Canvas Template
```html
```
### PDF Basic Template
```html
```
### Multi-Page PDF Template
```html
```
## Contributing
Contributions are welcome! If you would like to contribute to pdf-frame, please follow the guidelines in CONTRIBUTING.md.## License
This project is licensed under the MIT License. See the [LICENSE](https://raw.githubusercontent.com/I2Djs/pdf-frame/main/LICENSE) file for more details.## Contact
For any inquiries or support, please contact `[email protected]`.