Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Display and interact with SVG Images on iOS / OS X, using native rendering (CoreAnimation)

branch: master

This branch is 0 commits ahead and 0 commits behind master

Merge branch '2013base'

Conflicts:
	README.mdown
	XCodeProjects/SVGPadDemo/Classes/DetailViewController.h
	XCodeProjects/SVGPadDemo/Classes/DetailViewController.m
	XCodeProjects/SVGPadDemo/Classes/RootViewController.m
	XCodeProjects/SVGPadDemo/SVGPad.xcodeproj/project.pbxproj
latest commit dac03d161d
adamgit authored
Octocat-spinner-32 Demo-Samples FIXED: Bug in some text positions for complex interaction of transfor…
Octocat-spinner-32 Demo-iOS.xcodeproj FIXED: Bug in some text positions for complex interaction of transfor…
Octocat-spinner-32 SVGKit-iOS.xcodeproj FIXED: SVG <image> tags now render correctly with correct transforms,…
Octocat-spinner-32 Samples Merge branch '2013base'
Octocat-spinner-32 Source FIXED: strip multiline comments from CSS styles (causes the wikimedia…
Octocat-spinner-32 XCodeProjectData ADDED: warning about using gradient fills with SVGKFastImageView
Octocat-spinner-32 .gitignore FIXED: Bug in some text positions for complex interaction of transfor…
Octocat-spinner-32 .gitmodules adding calayer-exporter submodule
Octocat-spinner-32 LICENSE Added LICENSE
Octocat-spinner-32 README.mdown Merge branch '2013base'
README.mdown

SVGKit

SVGKit is a Cocoa framework for rendering SVG files natively: it's fast and powerful.

Xcode Projects Included

For 2013, we have a major refactor/rewrite of the core SVGKit, fixing many bugs, adding many features, and making SVGKit much closer to meeting the SVG official Specification - http://www.w3.org/TR/SVG/

Because so much has changed, Adam wrote a series of blog posts to explain how to use the latest versions:

Ultra-quick 'getting started' (iPhone/iPad)


Open the project "Demo-iOS", select your preferred simulator (or device, if it's plugged in), build and run. Try the sample SVG's packaged with SVGKit.

To use SVGKit, either CREATE AND DISPLAY AN IMAGE ON SCREEN:

[self.view addSubview: [[SVGKFastImageView alloc] initWithSVGKImage: [SVGKImage imageNamed:@"mySVGfile.svg"]]];

or LOAD AN IMAGE AND CONVERT TO A UIIMAGE OBJECT:

UIImage* newImage = [SVGKImage imageNamed:@"mySVGfile"].UIImage;

WARNING: Due to some bugs in Apple's renderer, SVGKFastImageView doesn't render gradient-fills for anything except rectangles, and cannot use CoreAnimation. For higher accuracy (but slightly worse performance), use SVGKLayeredImageView instead.

Key methods / properties you might find useful:

  1. SVGKImage - all the magic happens here
  2. SVGKImage.DOMTree - a complete DOM tree of the "parsed" SVG/XML document, with ALL TAGS (even if unsupported by current SVGKit - they will be parsed anyway!)
  3. SVGKImage.CALayerTree - a complete, renderable, tree of Apple CALayer objects (only contains layers for features currently supported - if you find something missing, please submit a fix!)

Advanced Features (this branch/fork only!) (iPhone/iPad)

There are many new features in this version (2013) of SVGKit. Read the blog posts above for more detail, but briefly:

  • use an SVG just like it's a normal PNG file: use SVGKFastImageView like it's UIImageView:
  • load an SVG from web, or from disk
  • search an SVG file for particular tags / nodes / elements:
  • automatic scaling of your SVG to fit their on-screen size (often reduces the memory required)
  • Access to the DOM Document Object Model
  • Retrieve any part of your SVG document positioned correctly in space
  • detailed information on whether and WHY parsing failed:

Usage - OS X

UNSUPPORTED: the code exists, but none of the maintainers have used it recently, so we're not even sure if the OS X build still works!

OS X: ...this needs updating; some minor code changes are needed to "fix" this project. The OS X framework currently DOES NOT BUILD because iOS classes are being referenced in a couple of places.

Feel free to report any issues or suggest improvements in the issue tracker

Installation

There is a sample project you can examine which embeds the entire SVGKit project into an application project. Many people like working this way (although Xcode isn't very good at it. Open the "Demo-iOS" project and poke around.

Alternatively, most people like to compile an embeddable library:

  1. Open the project "SVGKit-iOS"
  2. Select the target "SVGKit Library" from the dropdown build selector at top left
  3. Build 4a. (open the Products section on left hand bar in Xcode, right click the product, and select "Show in Finder". THEN GO UP ONE DIRECTORY! You MUST NOT USE the Product that Xcode shows you - it IS WRONG, it is a BUG IN APPLE'S XCODE)
  4. Look in your output directory for a folder named "debug-universal" - this contains a library + headers for: iPhone, iPad, iOS Simulator

  5. Drag/drop the library file, and the headers folder (should be called "usr") into your iPhone/iPad project.

  6. Edit your build settings and set "C/C++ Compiler Version" = "LLVM Compiler 2.0"
  7. Edit your build settings and add "Other Linker Flags" = "-ObjC"
  8. Add all the REQUIRED APPLE FRAMEWORKS (see below)

  9. (Optional but recommended): Edit your build settings and add "Header Search Paths" = "/usr/include/libxml2"

  10. (Optional but recommended): Add the framework "libxml2.dylib"

REQUIRED APPLE FRAMEWORKS

You must add the following frameworks for SVGKit to compile - unless you are embedding the whole project file (in which case Apple does it automatically)

  • CoreText
  • CoreImage
  • QuartzCore
  • CoreGraphics
  • UIKit

(only the first two are unusual - the rest you probably have by default in your iOS project template)

Something went wrong with that request. Please try again.