jsoncanvasviewer 0.1.0
jsoncanvasviewer: ^0.1.0 copied to clipboard
A Flutter package for creating, editing and rendering interactive JSON-based canvas layouts with drag-and-drop support and real-time visual editing.
Changelog #
All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.
0.1.0 - 2025-01-14 #
Added #
- Initial release of JSON Canvas Viewer package
JsonCanvasViewer
widget for rendering interactive JSON-based canvas layouts- Full editor application with
JsonEditorWidget
andCanvasViewerWidget
HomePage
widget providing complete editor-viewer integration- Support for multiple element types:
- Rectangle with gradients, borders, and rounded corners
- Text with Google Fonts, rich text spans, and advanced styling
- Images with filters, blur effects, and various fit modes
- Circles with customizable borders
- Icons from Material Design icon set
- Gradients (linear and radial)
- Lines with customizable thickness
- Interactive features:
- Drag and drop elements with visual feedback
- Resize elements with corner handles
- Real-time JSON synchronization between editor and canvas
- Debounced JSON validation
- Advanced rendering features:
- Automatic scaling based on design dimensions
- Z-index support for element layering
- Rotation support for all element types
- Opacity control
- Centering and alignment options
- Comprehensive theming with
EditorTheme
andAppColors
- Platform support: Web, iOS, Android
- Extensive documentation in
/docs
directory
Features #
- JSON-based declarative canvas system
- Real-time visual editor with syntax highlighting
- Responsive and scalable layouts
- Google Fonts integration
- Image filters (Paris, Vintage, Classic)
- Touch-friendly drag interactions
- Type-safe color parsing
- Flexible positioning system (absolute, center, custom)