SVG Native viewer is a library that parses and renders SVG Native documents.
SVG Native is an upcoming specification of the SVG WG based on SVG OpenType . SVG Native will be a strict subset of SVG 1.1 and SVG 2.0.
clip-path
clip-rule
color
display
fill
fill-opacity
fill-rule
opacity
stroke
stroke-dasharray
stroke-dashoffset
stroke-linecap
stroke-linejoin
stroke-miterlimit
stroke-opacity
stroke-width
stop-color
stop-opacity
visibility
inherit
, initial
, unset
, or revert
.<svg>
or <symbol>
elements.objectBoundingBox
on gradientUnits
or
clipPathUnits
.var()
CSS value function is limited to the CSS properties
fill
, stroke
, stop-color
and color
. Only color values are
allowed. currentColor
is supported.A valid SVG Native document is always a valid SVG1.1/2.0 document.
SVG Native Viewer is a C++11 based project and can either be included in the source code of a client directly or linked statically or dynamically.
For rendering, SVG Native Viewer requires a rendering port. Already existing ports include:
New ports need to inherit from SVGRenderer and implement the virtual functions.
Here an example how to use SVG Native Viewer with Skia SkiaSVGRenderer:
// Create the renderer object
auto renderer = std::make_shared<SVGNative::SkiaSVGRenderer>();
// Create SVGDocument object and parse the passed SVG string.
auto doc = std::unique_ptr<SVGNative::SVGDocument>
(SVGNative::SVGDocument::CreateSVGDocument(svgInput.c_str(), renderer));
// Setup SkSurface for drawing
auto skRasterSurface = SkSurface::MakeRasterN32Premul(doc->Width(),
doc->Height());
auto skRasterCanvas = skRasterSurface->getCanvas();
// Pass SkCanvas to renderer object
renderer->SetSkCanvas(skRasterCanvas);
// Pass drawing commands for SVG document to renderer.
doc->Render();
// Pass drawing commands for SVG document to renderer the element (and
// its descendants)
// with the XML ID "ref1".
std::string id1{"ref1"}
doc->Render(id1);
// The Render() function may get called multiple times. This can be
// used to render a combination of glyphs specified in the same SVG
// document.
std::string id2{"ref2"}
doc->Render(id2);
Refer to the examples in the example/
directory for other port
examples.
This repository uses submodules. To initiate and keep submodules up-to-date run the following command:
git submodule update --init
Submodules are located in the third_party/
directory. Used submodules:
variant
and property_tree
. Used if Boost was not
installed on the system.Install:
C:>\Program Files\boost_x.y.z\
(See below how to
specify a different Boost installation directory by a CMake option.)With Homebrew:
brew install cmake
brew install llvm
brew install boost
sudo apt-get install build-essential libboost-system-dev cmake
For Windows 64 bit:
cmake -Bbuild/win64 -H. -G "Visual Studio 15 2017 Win64"
For Windows 32 bit:
cmake -Bbuild/win32 -H. -G "Visual Studio 15 2017"
Omit -H
when running in PowerShell.
For macOS
cmake -Bbuild/mac -H. -G "Xcode"
For Linux
cmake -Bbuild/linux -H.
On Linux you may choose to use GCC or Clang/LLVM. Add the following to the command above to choose between one and the other:
-DCMAKE_CXX_COMPILER=g++
for GCC-DCMAKE_CXX_COMPILER=clang
for Clang/LLVMOn Windows you may choose to use Clang/LLVM as compiler. For help,
follow the instructions of the linked MS Visual Studio LLVM
Extension.
Add -T "LLVM"
to the project generation command above.
To specify a different Boost installation directory on Windows use the following command:
-DBOOST_ROOT=X:\path\to\boost
The following arguments can be passed with the -D
flag and the
options ON
or OFF
:
LIB_ONLY
Only compile the library without examples. Default OFF
.SHARED
If ON
, builds a dynamic library. Static otherwise. Default
OFF
.PLATFORM_XML
If ON
, uses libxml2 or Epat if provided by the
system. Otherwise RapidXML via boost. Default OFF
.TEXT
adds the Text port to the library. Default ON
.CG
adds the CoreGraphics/Quartz2D port to the library. Default
OFF
.SKIA
adds the Skia port to the library. Default OFF
.GDIPLUS
adds the GDI+ port to the library. Default OFF
.D2D
adds the Direct2D port to the library. Default OFF
.CAIRO
adds the Cairo Graphics port to the library. Default OFF
.TESTING
enables automated testing using Google Tests. Default ON
.To enable the deprecated CSS styling support:
STYLE
adds limited, deprecated support for <style>
element and
style
attribute. Default OFF
. (This option will get removed
eventually.)The following example creates project files for the library with the Text, CoreGraphics/Quartz2D and Skia port and the example applications. Example:
cmake -Bbuild/mac -H. -G "Xcode" -DCG=ON -DSKIA=ON
Note: For testing, build with the TEXT
option set to ON
and
LIB_ONLY
option set to OFF
. (The default for both.)
Replace win64
with your platform (mac
for Xcode on macOS)
cmake --build build/win64 --config Release
Only the header version of Boost is required. The following Boost features are used:
boost::variant
to handle different SVG paint types of fill
and
stroke
as well as different color value types.boost::tokenizer
, boost::trim
. (Only
used by deprecated CSS <style>
element parsing.)SVG Native Viewer has two testing mechanisms. A python script that performs the renderings on the Text port and compares the renderings with the existing ones and automated software testing using Google Tests framework.
To use the python script:
python script/runTest.py --tests=test/
Here the argument list of runTest.py:
--test
the folder with the test files.--program
the path to testSVGNative. If not provided uses the
default, relative build path.--debug
Debug build or Release build of testSVGNative. Only
relevant if --program
was not set and defaults to --debug
.
In order to build and run the tests, pass the argument -DTESTING=ON
when running Cmake. Cmake will automatically download and build Google Tests and compile the tests. In order to run the tests you can run make test
or just use ctest
in the build folder.
Ultimately, we aim to improve software unit testing as well as add rendering tests to ensure that SVG Native Viewer's renderings are accurate.
preserveAspectRatio
is not supported on the <svg>
element yet.Contributions are welcomed! Read the Contributing Guide for more information.
This project is licensed under the Apache V2 License. See LICENSE for more information.