Add TinyVG Support

[jserv]

With the introduction of the GIF image decoder and animation support (#40) contributed by @ndsl7109256, it is now time to move forward with implementing TinyVG -- a compact vector graphics format designed as a lightweight alternative to SVG. The TinyVG specification is only 14 pages long, in stark contrast to the SVG 1.1 spec, which spans 260 pages (not including dependencies like CSS, XML, and ECMAScript). TinyVG achieves simplicity without sacrificing core vector graphics capabilities, making it ideal for embedded systems with limited resources.

Integrating TinyVG support into Mado could offer efficient vector graphics rendering with lower memory and computational overhead than SVG. Here are key areas to address:

1. File Parsing: Implement a TinyVG file parser to read the binary format efficiently, ensuring the parsing adheres to TinyVG’s specification.
2. Rendering Engine: Adapt Mado’s rendering pipeline to handle TinyVG graphics primitives (paths, lines, polygons, etc.) and basic fills.
3. Performance Considerations: Ensure smooth performance on resource-constrained devices.
4. Testing: Prepare sample TinyVG files and conduct visual tests to verify rendering accuracy and performance benefits.

The article An Introduction to TinyVG in C uses PlutoVG to render TinyVG, and since the vector graphics operations in PlutoVG closely align with those in Mado, it should be feasible to port the sample C-based TinyVG decoder to Mado as a new image loader.

Supporting TinyVG in Mado aligns well with the project’s goals by delivering essential vector graphics with minimal overhead.

Reference:

• A vector format for Flutter
• TinyVG software development kit
• intvg: TinyVG image parser & renderer in Rust

[ndsl7109256]

Can I take this issue?

[jserv]

Can I take this issue?

Go ahead.

[jserv]

Action items:

1. Implement standalone TinyVG viewer which can render the existing TVG images.
2. Once the standalone TinyVG viewer is ready for use, refine the image loader APIs by checking gdk-pixbuf-loader.

[ndsl7109256]

It seems that TinyVG provides an SDK that includes the ability to convert a TinyVG file into a bitmap giving a specified size. In that case, do we still need to implement rendering ourselves using Mado’s rendering pipeline? If so, perhaps we could start by implementing functions to render polygons and fill them with gradient colors?

[jserv]

It seems that TinyVG provides an SDK that includes the ability to convert a TinyVG file into a bitmap giving a specified size. In that case, do we still need to implement rendering ourselves using Mado’s rendering pipeline? If so, perhaps we could start by implementing functions to render polygons and fill them with gradient colors?

TinyVG SDK focuses on conversion at the moment, but we do need the proper renderer for TinyVG, making use of the vector graphics operation.

[jserv]

GFX implements TinyVG renderer: src/gfx_tvg.cpp

[jserv]

ctx implements TinyVG renderer: src/tinyvg.c

[jserv]

Ladybird, a truly independent web browser, implements TinyVG image loader: Libraries/LibGfx/ImageFormats/TinyVGLoader.cpp