https://github.com/sammycage/lunasvg
SVG rendering and manipulation library in C++
https://github.com/sammycage/lunasvg
cpp css plutovg png svg svg2png
Last synced: 3 months ago
JSON representation
SVG rendering and manipulation library in C++
- Host: GitHub
- URL: https://github.com/sammycage/lunasvg
- Owner: sammycage
- License: mit
- Created: 2020-03-25T11:13:00.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2025-03-06T19:47:56.000Z (8 months ago)
- Last Synced: 2025-03-06T20:30:32.905Z (8 months ago)
- Topics: cpp, css, plutovg, png, svg, svg2png
- Language: C++
- Homepage:
- Size: 1.65 MB
- Stars: 963
- Watchers: 28
- Forks: 135
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- awesomecpp - lunasvg - - standalone c++ library to create, animate, manipulate and render SVG files. (Graphics)
README
[](https://github.com/sammycage/lunasvg/actions)
[](https://github.com/sammycage/lunasvg/blob/master/LICENSE)
[](https://github.com/sammycage/lunasvg/releases)
[](https://www.paypal.me/sammycage)
> Interested in HTML rendering? Explore a related library, [PlutoBook](https://github.com/plutoprint/plutobook), built for paged HTML rendering.
# LunaSVG
LunaSVG is an SVG rendering library in C++, designed to be lightweight and portable, offering efficient rendering and manipulation of Scalable Vector Graphics (SVG) files.
## Basic Usage
```cpp
#include
using namespace lunasvg;
int main()
{
auto document = Document::loadFromFile("tiger.svg");
if(document == nullptr)
return -1;
auto bitmap = document->renderToBitmap();
if(bitmap.isNull())
return -1;
bitmap.writeToPng("tiger.png");
return 0;
}
```
---
## Dynamic Styling
```cpp
#include
using namespace lunasvg;
static const char kLandspaceContent[] = R"SVG(
)SVG";
static const char kSummerStyle[] = R"CSS(
.sky { fill: #4A90E2; }
.sun { fill: #FF7F00; }
.mountain { fill: #2E3A59; }
.cloud { fill: #FFFFFF; opacity: 0.8; }
.ground { fill: #2E8B57; }
)CSS";
static const char kWinterStyle[] = R"CSS(
.sky { fill: #87CEEB; }
.sun { fill: #ADD8E6; }
.mountain { fill: #2F4F4F; }
.cloud { fill: #FFFFFF; opacity: 0.8; }
.ground { fill: #FFFAFA; }
)CSS";
int main()
{
auto document = Document::loadFromData(kLandspaceContent);
document->applyStyleSheet(kSummerStyle);
document->renderToBitmap().writeToPng("summer.png");
document->applyStyleSheet(kWinterStyle);
document->renderToBitmap().writeToPng("winter.png");
return 0;
}
```
| `summer.png` | `winter.png` |
| --- | --- |
|  |  |
---
## Hit Testing
This example demonstrates SVG element hit testing using `elementFromPoint(x, y)` in LunaSVG. It loads an SVG containing three shapes, performs point-based hit detection, and applies a skew transform with a black stroke to each matched element. The results are saved as `original.png` and `modified.png` for visual comparison.
```cpp
#include
#include
#include
using namespace lunasvg;
static const char kSVGContent[] = R"SVG(
)SVG";
int main()
{
auto document = Document::loadFromData(kSVGContent);
document->renderToBitmap().writeToPng("original.png");
const std::pair points[] = {
{30, 30}, // inside red-rect
{200, 70}, // center of blue-circle
{310, 50}, // inside green-rect
{0, 0}, // outside all shapes
};
for(const auto& [x, y] : points) {
if(auto element = document->elementFromPoint(x, y)) {
std::cout << "Element at (" << x << ", " << y << "): " << element.getAttribute("id") << "\n";
element.setAttribute("stroke", "black");
element.setAttribute("stroke-width", "3");
element.setAttribute("transform", "skewX(9)");
} else {
std::cout << "No element found at (" << x << ", " << y << ")\n";
}
}
document->renderToBitmap().writeToPng("modified.png");
return 0;
}
```
| `original.png` | `modified.png` |
| --- | --- |
|  |  |
```log
Element at (30, 30): red-rect
Element at (200, 70): blue-circle
Element at (310, 50): green-rect
No element found at (0, 0)
```
## Features
LunaSVG supports nearly all graphical features outlined in the SVG 1.1 and SVG 1.2 Tiny specifications. The primary exceptions are animation, filters, and scripts. As LunaSVG is designed for static rendering, animation is unlikely to be supported in the future. However, support for filters may be added. It currently handles a wide variety of elements, including:
## Installation
Follow the steps below to install LunaSVG using either [CMake](https://cmake.org/) or [Meson](https://mesonbuild.com/).
### Using CMake
```bash
git clone https://github.com/sammycage/lunasvg.git
cd lunasvg
cmake -B build .
cmake --build build
cmake --install build
```
After installing LunaSVG, you can include the library in your CMake projects using `find_package`:
```cmake
find_package(lunasvg REQUIRED)
# Link LunaSVG to your target
target_link_libraries(your_target_name PRIVATE lunasvg::lunasvg)
```
Alternatively, you can use CMake's `FetchContent` to include LunaSVG directly in your project without needing to install it first:
```cmake
include(FetchContent)
FetchContent_Declare(
lunasvg
GIT_REPOSITORY https://github.com/sammycage/lunasvg.git
GIT_TAG master # Specify the desired branch or tag
)
FetchContent_MakeAvailable(lunasvg)
# Link LunaSVG to your target
target_link_libraries(your_target_name PRIVATE lunasvg::lunasvg)
```
Replace `your_target_name` with the name of your executable or library target.
Build Options
LunaSVG provides several build options that can be configured using -D flags when running cmake. Below is a list of available options:
USE_SYSTEM_PLUTOVG (default: OFF): Use the system-installed plutovg library (version 1.0.0 or higher) instead of the bundled submodule. If the system library is not found, the build will fall back to using the submodule.
Example:
```bash
cmake -B build -DUSE_SYSTEM_PLUTOVG=ON .
cmake --build build
```
### Using Meson
```bash
git clone https://github.com/sammycage/lunasvg.git
cd lunasvg
meson setup build
meson compile -C build
meson install -C build
```
After installing LunaSVG, you can include the library in your Meson projects using the `dependency` function:
```meson
lunasvg_dep = dependency('lunasvg', required: true)
```
Alternatively, add `lunasvg.wrap` to your `subprojects` directory to include LunaSVG directly in your project without needing to install it first. Create a file named `lunasvg.wrap` with the following content:
```ini
[wrap-git]
url = https://github.com/sammycage/lunasvg.git
revision = head
depth = 1
[provide]
lunasvg = lunasvg_dep
```
You can retrieve the dependency from the wrap fallback with:
```meson
lunasvg_dep = dependency('lunasvg', fallback: ['lunasvg', 'lunasvg_dep'])
```
## Demo
LunaSVG provides a command-line tool `svg2png` for converting SVG files to PNG format.
### Usage:
```bash
svg2png [filename] [resolution] [bgColor]
```
### Examples:
```bash
$ svg2png input.svg
$ svg2png input.svg 512x512
$ svg2png input.svg 512x512 0xff00ffff
```
## Projects Using LunaSVG
- [OpenSiv3D](https://github.com/Siv3D/OpenSiv3D)
- [PICsimLab](https://github.com/lcgamboa/picsimlab)
- [MoneyManagerEx](https://github.com/moneymanagerex/moneymanagerex)
- [RmlUi](https://github.com/mikke89/RmlUi)
- [EKA2L1](https://github.com/EKA2L1/EKA2L1)
- [ObEngine](https://github.com/ObEngine/ObEngine)
- [OTTO](https://github.com/bitfieldaudio/OTTO)
- [EmulationStation-DE](https://gitlab.com/es-de/emulationstation-de)
- [SvgBooga](https://github.com/etodanik/SvgBooga/tree/main)
- [Dear ImGui](https://github.com/ocornut/imgui)
- [Multi Theft Auto: San Andreas](https://github.com/multitheftauto/mtasa-blue)
- [eScada Solutions](https://www.escadasolutions.com)
- [CARLA Simulator](https://carla.org/)
- [AUI Framework](https://github.com/aui-framework/aui)
- [Software Companions](http://www.softwarecompanions.com)
## License
LunaSVG is licensed under the MIT License, see [LICENSE](https://github.com/sammycage/lunasvg/blob/master/LICENSE) for more information.