Features | Tutorial | Download | License | Contact us
Every time you need to paint some icons, backgrounds, charts, document pages, diagrams in vector format, you need a way to do this easily and possibly without NDK, cross-compilation issues, reducing performance, etc.
The amazing library developed by our company just do it: no extra code, no extra libraries, no tuning.
A few examples:
SVG as resource:
SVG in external file:
File file =
And even more:
SVG from string:
"<svg viewBox=\"0 0 100 100\">\n"
"fill=\"#FF0\" stroke=\"#FC0\" stroke-width=\"2\"/>\n"
Why SVG Kit for Android
We have evaluated a lot of libraries, many of which were either too slow but over-featured (like the legendary Apache Batik) or too complicated in maintenance (like NDK, librsvg and issues with the proper compilation for all supported platforms and architectures). We just wanted to show the vector background.
So, we have decided to make our own library. And even more, we have added a few abilities that are not supported by “huge” libraries. Even, radial gradients are supported in our library.
To summarize, now we have:
- Pretty small.
- Pure Java.
- Reliable and fast.
- CSS support.
- Gradients (including radial), transformations and paints.
- Fonts, texts and text spans.
- Drawing primitives, paths and polygons.
- Strokes and fills, including alpha, dashes, joins and other.
- XLink support included.
- Raster images in SVG support (external, from assets or embedded).
- SVG filters initial support.
- SVG and SVGZ support.
Moreover, we have tested huge SVG files with dozens of megabytes each. Depending on the SVG files and transport (local or from Internet) it might be “pretty fast” or “acceptable”, but it really works in all cases.
The following features are not supported:
- Declarative animation for SVG.
- Interactive and dynamic SVG documents.
- Raster images in strange formats.
- HTML tags around.
It is just a small, fast and easy-to-use library which was designed to support “pure vector” icons, backgrounds and etc. No overloading on this stage. In case anybody requests it – our team will expand the library according their needs. It’s not a big problem for our team.
Support Email: firstname.lastname@example.org
SVG Kit for Android Tutorial
The core of the library is “libsvg.aar”. It does everything from fast SAX-based parsing, rendering .svg files for Android at the bitmaps and surfaces, computers corresponding CSS styles defined in .svg and more.
It provides an API (primarily SVGHelper class) to operate with files in a typical stream-like manner.
Libsvg.aar supports many graphical features defined in SVG 1.1 and SVG 1.2. But it is intended to render only static images without animation, filters and custom SVG fonts.
The feature list includes:
- Drawing shapes (ellipse, circle, polyline, polygone, rect, line etc.),
- Drawing gradients (except focus points in radial gradients),
- Drawing path elements, but without markers,
- Drawing text elements, currently working only with standard android fonts,
- Supported such elements as: <g>, <defs>, <use>.
The list of implemented features is not so big, but it is more than enough to paint most of typical SVG files.
SVGHelper: parse and get suitable result
To use this helper, just follow through the list below in top-down order.
- Add “libsvg.aar” in your project.
- Choose SVG source:
- From file:
- From resources (works only with context, useContext(…) is necessary):
- From web:
- Set SVG code directly: SVGHelper.noContext().open(“<svg> any svg source code </svg>”);
- Determine SVG document size (if necessary). This option is required if original SVG image has no width/height and viewport attributes.
– define sizes
- Or let library compute itself (if SVG has width/height definition),
Note: might add extra performance penalty.
- Choosing svg transform (if necessary).
Set scale directly: SVGHelper.noContext().open(...).setScale(1.7f);
- Or set result bounds:
- Additional SVG transform options.
- Choose result type.
- Bitmap as background of any View:
- Picture as stretch background of any View:
A few examples:
- SVG from resource as button background:
- Scaled SVG file as Bitmap:
- SVG from URL, determine its size and get it as 100×100 Bitmap:
This library is provided “AS IS” under terms of the GPLv3. In case you need it under another (for example, commercial) license, please contact us using the contact form. Commercial support is available as well.
- SVG Kit for Android library (libsvg.aar and sources libsvg.zip).
- Demo application indicating how long the image is handled at your device (showsvg.apk).
- Sample describing how to load SVG files from different resources (svg_from_different_sources_sample.apk ) and source (svg_from_different_sources_sample.zip).
- Sample describing how to use SVG as the background (svgresize_and_background_sample.apk ) and source (svgresize_and_background_sample.zip).
- JavaDocs (libsvg-JavaDoc.zip).