manycore-maas/Painter
Painter
Painter is a declarative rendering system that transforms JSON definitions into styled visual images. It functions as a JSON-to-image rendering engine that converts structured layout data into vector shapes, styled text, and QR codes on a canvas.
The system features a dynamic image template engine that utilizes relative coordinate calculations to determine element positions based on the boundaries of other components. It supports the creation of interactive templates where users can drag, scale, and delete elements in real-time, as well as the ability to update specific element properties without triggering a full scene re-render.
The library covers a broad range of visual styling and composition capabilities, including the application of gradients, shadows, and rounded corners. It provides a template-based layout engine designed for generating data-driven graphics, such as social media visuals and mini-program images.
Features
- JSON-to-Image Compositors - Transforms structured JSON data templates into a sequence of drawing commands to automate visual layout creation.
- Template-Driven - Creates visual images from data templates to avoid manually coding every drawing command.
- JSON-to-Image Generation - Enables the creation of images by interpreting data-based JSON templates to automate drawing method calls.
- Canvas Vector Rendering - Renders vector shapes, styled text, and QR codes onto a canvas using declarative properties.
- Canvas and Vector Graphics - Implements a rendering engine that generates visual output using vector-based primitives on a canvas.
- Vector Graphics Renderers - Renders vector images by efficiently updating graphical elements based on JSON-defined attributes.
- Text Rendering - Draws shapes, multi-line text, and QR codes onto a canvas with font and style support.
- Image Template Engines - Provides a layout framework for creating customizable image templates with relative positioning and real-time updates.
- Coordinate-Based Position Calculators - Calculates element positions by determining spatial coordinates relative to other components on the canvas.
- Floating Element Positioning - Calculates coordinate offsets for elements relative to the boundaries of other canvas elements.
- Layout Templates - Provides a layout engine that uses predefined visual arrangements to standardize the injection of assets and structural elements.
- JSON-to-Image Rendering - Converts JSON-defined layouts and data into visual images for social media and digital content.
- Canvas Layout Authoring - Supports the creation of dynamic canvases where users can drag, scale, and delete elements in real-time.
- Dynamic Social Image Generators - Generates shareable images for social platforms by injecting user data into predefined visual layouts.
- Canvas Property Updaters - Allows updating specific visual attributes of existing elements without triggering a full scene re-render.
- Dynamic Rendering Updaters - Modifies specific properties like text or URLs incrementally without requiring a full re-render of the layout.
- Mini Program Template Engines - Renders complex graphics and layouts within mini program environments using structured configuration files.
