https://github.com/asmwarrior/svgpanel
a wxPanel which can show svg image and simple text labels
https://github.com/asmwarrior/svgpanel
nanosvg svg wxwidgets wxwidgets-gui
Last synced: about 2 months ago
JSON representation
a wxPanel which can show svg image and simple text labels
- Host: GitHub
- URL: https://github.com/asmwarrior/svgpanel
- Owner: asmwarrior
- Created: 2022-04-15T02:52:18.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-02-25T14:56:17.000Z (3 months ago)
- Last Synced: 2025-03-27T14:55:21.702Z (2 months ago)
- Topics: nanosvg, svg, wxwidgets, wxwidgets-gui
- Language: C
- Homepage:
- Size: 293 KB
- Stars: 6
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SvgPanel
A wxPanel which can show svg image and simple text labels.
The code contains two parts:
1, original file `nanosvg.h` and `nanosvgrast.h` are from [memononen/nanosvg: Simple stupid SVG parser](https://github.com/memononen/nanosvg)
2, original file `svg_panel.h` and `svg_panel.cpp` are from doublemax's svg panel sources in [wxWidgets Discussion Forum - Index page](https://forums.wxwidgets.org/), see this post for details [Re: Use SVG Icons with wxDataViewCtrl (and others)](https://forums.wxwidgets.org/viewtopic.php?p=184852#p184852)
Note that currently, [memononen/nanosvg: Simple stupid SVG parser](https://github.com/memononen/nanosvg) does not support parsing the `Text` field in `svg` file. I have modifed `nanosvg.h` to support parsing the `Text` field in the SVG file. I mainly followed commits in this pull request: [Adds basic text parsing by jamislike · Pull Request #94 · memononen/nanosvg](https://github.com/memononen/nanosvg/pull/94), but with some extra code changes, Also, I have merged from the latest master code of nanosvg.
The `svg_panel.h` and `svg_panel.cpp` files are modifed to extract the `Text` field and show them by wxWidgets' `DrawText` function. So, basically, the rasterizer from nanosvg is used to generated the background wxBitmap image, and later text labels were drawn on top of the wxBitmap image.
Here is the screen shot of a svg file `drawing.svg` shown in the panel compared with shown in the [Inkscape editor](https://inkscape.org/). You can also open the svg file in the web browser directly for a comparsion.
# How to use the code
Just copy/drag the 4 source files(`nanosvg.h`, `nanosvgrast.h`, `svg_panel.h` and `svg_panel.cpp`) to your project file, and construct a `SVGPanel` window where you needed.
# Note
## anchor position of the text
```
wxWidgets SVG Panel demo
```
In the above section of svg file, you can see that `text-anchor:start` is used, currently, the text parser can't handle the `text-anchor:middle`, if you have `text-anchor:middle` in your svg file, the text is rendered as `text-anchor:start`.
## tspan section inside tspan
Currently, the parser can't handle the `tspan` section inside another `tspan` section(This usually happens you have different colors for a single `text` section. Normally, it can handle a `tspan` section inside a `text` section.