Hi,

I am new in iOS and I am trying to use SVGKit to render svg files in my app. I want to load the svg files from URL, but I couldn't get that working. I get the following error:
Thread 1: EXC_BAD_Access (code = 2, address =0x0)
on the following line: NSLog(@"[%@] SVGKit Parse error: %@", [self class], *error); in the SVGDocument.m file.
I tried to implement loading a file from URL by using the already existing SVGPad sample, which works perfectly and loads the pictures but not from URL. I used this code to load the pictures from URL:

NSString urlString = [NSString stringWithFormat:@"http://upload.wikimedia.org/wikipedia/commons/6/66/Blank_Map-Africa.svg"];
NSURL *url = [NSURL URLWithString:[urlString stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding]];
SVGDocument svgDocument = [SVGDocument documentFromURL:url];
self.contentView = [[[SVGView alloc] initWithDocument:svgDocument] autorelease];

Also I tried to create and my simple app that loads just ten a simple picture from local file by using the following code:

SecondViewController *vc = [[SecondViewController alloc] init];
NSString* svgFilename = [@"/Users/XCode Projects/SVGLink/Beastie" stringByAppendingPathExtension:@"svg"];
SVGDocument *svgDocument = [SVGDocument documentWithContentsOfFile:svgFilename];
 vc.view = [[SVGView alloc] initWithDocument:svgDocument];
[self.window setRootViewController:vc];

All I got is this error: [SVGDocument] DEBUG INFO: set document viewBox = {{0, 0}, {340.961, 377.75}}

Can somebody explain me where do I make the error?

Thanks,
Lily

Under which license is the code in this project released?

[sierra117::/Users/Shared/SourceCache/External/Mac/Libraries] $ ack -ai license SVGKit/

[sierra117::/Users/Shared/SourceCache/External/Mac/Libraries] $

Hi, I appologise in advance if this is a wrong place to ask this kind of dumm questions. I'm trying to build the demo example of svgkit but there is an error in SVGElement.m on line 158(and on 400 but i guess they are related) that says that _stringValue is undeclared, I'm three days into ios development and have no idea how to fix it. Thank you for your time.

I'm looking for the ability to define target-action links from SVG elements inside an SVG document. Does this framework support that? I'm guessing no, since I didn't see a class for the link element, as there are for circles and other shapes/markup.

I'm new to SVG and SVGKit, although familiar with iOS Development.

If anyone has an example of doing this with SVGKit, or a fork they can point me to, that would be much appreciated.

Hi ,

I need the UIImage Object from SVGImage,how can i get this UIImage,

Thanks
Srikanth

Hi, I took the liberty of creating a Podspec for your great library, SVGKit.

Please review it here: CocoaPods/Specs#228

Let me know if there's any problem.

Thanks for your great open-source contribution!

Hi,
I've cloned the adamgit branch.
But when I'm opening the SVGKit-iOS project, compilation failed becaus of errors in CALayerExporter.h.

Theses errors are strange :
@Property (readwrite,nonatomic,retain) UIView* rootView; => unknown type name UIView

So, I found solution : got to add theses two lines :

import "UIKit/UIKit.h"

import "QuartzCore/QuartzCore.h"

Why ?
Thxs

Hi,

I download to try SVGKit and i found have not compatibility with iOS 5 with ARC.

Will be compatible in a near future?

Thanks!
Manu

I could render the SVG image but i can not resize it to Screen size ? How to resize SVGDocumentView (UIView) ?

Have anyone tried this before? Do you have any solution for this problem?

I'm so fed up now.. Please help me if you can.

Thank you..

Hi, i have strange issue with svg files created in Illustrator 5. Some of them does not opened at all. Some of them open wrong way ( no text ).
Could you please give recommendation of how to create svg right way. What is the major requirements of SVGKit concerning sag files format ?
By the way , is it possible to render text as vektors ?

Thank you in advanced.

In my application i have to use transforms instead of setting the size of the frames/bounds

I was able to do this fine in the previous version.

is there a way to switch off the rasterizing/or rasterise after transform for 2013base?

Oddly, the sample XCode projects included in the distribution compiled flawlessly on my machine, yet I had difficulty compiling an independent project using the library. It took some time to figure out the solution, so I'm documenting it here in case others have difficulty. The solution ended up being:

(1) Adding the following import call to the top of the file CALayerExporter.m:

#import <QuartzCore/QuartzCore.h>

And the following steps that are documented elsewhere, with minor changes to search paths according to the latest SDK:

(1) Add to following to Header Search Paths (NOT "User Header Search Paths") on the Build Settings Page:

/usr/include/libxml2

(2) Turn off Automatic Reference Counting on the Build Settings Page.

(3) Set "Missing Function Prototypes" to "No" on the Build Settings Page.

(4) Add the QuartzCore.framework and libxml2.dylib

Not really an issue, but more of a question, how could one parse an svg file that is stored in memory within an xml string (NSString). At the moment, in order to use SVGKit with svg files downloaded over the internet, I would have to save the xml string to file first, then load from disk? Is that correct? I don't see something like an -initWithString:(NSString *)xmlString in the SVGDocument class.

Transformations aren't commutative and I think you may be handling them in the wrong order. I am trying to get some D3 SVGs to render. I am modifying until it works, once it works may I send you proposed changes?

(I don't ever really send 'issues' on this thing, lol)

Line 134: "accum[accumIdx++] = c;"

There is NOTHING to stop accumIdx from going way over the bounds of the array.

The array is only 16 characters long, and it's easy to find SVG files that will cause that to overflow :(.

Expect app crashes and other horrors ... (I found this because the overflow overwrote the string-length mem location, and eventualy the app wrote to unavailable mem and crashed with EXC_BAD_ACCESS)

Hi..

its can't rendering my svgtext within my svg file.

please give me any solution for rendering text element of svg.

Is there a way to resize the SVG that is displayed via SVGKit?

I've tried displaying on iOS through SVGView/SVGDocumentView, but they don't seem to respond to frame/bounds changes.

I'm guessing this is because it is added directly as a CALayer and the SVGView doesn't resize its sublayers?

Please let me know if you can provide any insight.

When I tried to parse an SVG world map from http://en.wikipedia.org/wiki/File:BlankMap-World6-Equirectangular.svg , I've got a lot of errors like:

Error: CGPathAddCurveToPoint: no current point.

I tried to make a quick fix, but I couldn't understand what was wrong.

'Cannot remove an observer <SVGKFastImageView 0x18f974e0> for the key path "size" from <SVGKImage 0x171579f0> because it is not registered as an observer.'

I have not used any addition of observer in my code. this is in kit . Please help me how to get rid this issue because xcode is giving me nothing.

thanks

I need my SVG map to be scalable, any help on how to achieve it will be helpful.

Hi,

I posted a question here a few days ago:
http://stackoverflow.com/questions/13928800/geographical-maps-with-svgkit

In between I got my hands dirty trying to use CALayer and CAShapeLayer objects in order to understand how these works.
Things have become a bit clearer, but I still am with the main problem unsolved.

How can I highlight a specific area in a map (SVG file) ?
I know this area is identified by: [svgView.document layerWithIdentifier:@"myLayerID"]

I suppose I need to set the proper mask (CAShapeLayer). But how do I set it?
SVGKit probably has some API to make this easy. Am I wrong?

My experience with SVGKit is basically zero. Except for what I just mentioned.

Thanks in advance.

Hi!

I am using SVGKit and love it. As I build my app I added more and more SVGs and loading a UIView with them takes a while now. Is there a way to make them render as they show on the screen or some how cache them once I used the files in one view?

Thanks for a great lib.

I've already opened issue on reklis's fork before and had no luck building.

I told my friend to try and he gets the same result as me.

Both of us followed REDME on this page.

Both of us use XCode 4.5.1.

He gets "build" folder in derived data folder, I get "build" folder in project root folder.

Bot of us get .a library file and usr/.... with headers.

After copying .a and .h files to the new project and importing SVGDocument.h, error appears on missing header "SVGStyleCatcher.h".

I looks like this header is slipping somewhere in building process (this happens on both computers, mine and my friend's).

Hi guys, we have an SVG that we're trying to use with the 2013 branch that crashes the demo app. Can you guys see what you think is wrong with it? I'm trying to figure it out but I thought I'd send it over to see what you thought.

https://dl.dropbox.com/u/14879894/sprite.svg

Thanks,
Justin

Have SVGKFastImageView support Interface Builder, instead of:

WARNING: you have initialized an SVGKImageView with a blank image (nil). Possibly because you're using Storyboards or NIBs which Apple won't allow us to decorate. Make sure you assign an SVGKImage to the .image property!

We are seeing an exception thrown in SVGGroupElement.m :: layoutLayer. The last line is throwing an exception because the layer position from mainRect is (inf, inf). I've uploaded the image to http://relium.com/junk/testbad1.svg. The code is:

NSString *path = [[NSBundle mainBundle] pathForResource:@"testbad1.svg" ofType:nil];
SVGDocument *doc = [SVGDocument documentWithContentsOfFile:path];
if ( doc == nil )
{
    NSLog( @"no doc for %@", path );
    return;
}

SVGView *v = [[SVGView alloc] initWithDocument:doc];  // <---- exception thrown here

I need my SVG map to be scalable, any help on how to achieve it will be helpful.

Hi,
I tried to use SVGKLayeredImageView, but rendered image is not smooth on retina display.
Does SVGKLayeredImageView support retina display?

And I added following code to newLayer method in SVGGElement.m, SVGSVGElement.m, SVGGroupElement.m and SVGShapeElement.m,
the image looks smooth.

_layer.contentsScale = [[UIScreen mainScreen] scale];
_layer.rasterizationScale = _layer.contentsScale;

Thanks,

I am working on an app that renders shapes, lines, custom drawings into a single view (pretty much like a canvas). I am looking for a library to help me out with rendering SVGs on that same single view.

SVGKit enables me to do that by instantiating a view, so I can render that view's layer to an image or directly to my canvas. But I want to avoid having more than one view in my entire project, so I can use less memory space (I was having trouble on iPad retina having a view for each object on my canvas).

How can I use only the drawing logic of SCGKit without allocating a view or calayer for every SVG I want to render?

The sample images when run on mac display with green tinting rather than the expected colour. Any word on a fix?

Instructions say: "drag/drop the iOS and Core folders to your project"

There are additional REQUIRED instructions:

1. you MUST edit "Header Search Paths" and add /usr/share/include/libxml2
2. you MUST edit the Build Phases, and add to the Libraries phase: libxml2

Additionally, the current git repos won't build even when you've done that because of a const-error. I'm not sure why the SVGPad example compiles OK with this - I guess you ALSO MUST change the compiler settings to suppress this (which by default is an ERROR in current Xcode):

"SVGKit/Core/SVGUtils.m:164: error: initializer element is not constant"

..NB: variations on that cause over TWO HUNDRED build errors on a new empty iPad project which has merely had SVGKit added to it!

Hi,

I have several very simple svg files (one shape per file). I'd like to load these files and convert the shapes into CGPathRefs.

I've looked through the source / samples and I don't see a way to do it directly. Am I missing something?

Thanks!

Demo-iOS[8012:c07] *** Terminating app due to uncaught exception 'NSInternalInconsistencyException', reason: 'Unsupported input units in the SVGLength variable passed in for 'x': 0'

Only some examples cause the crash. I haven't gone through all of them.

Hi,

I'm kinda new in SVG.
I've successfully loaded my SVG file with the source code in the master branch. As I needed to resize the SVG, I tried the 2013branch and I can't make it work anymore.

• First, I had to change the content of my SVG to pass the first issue (invalid coord) (the SVG is W3C compliant)

<polygon fill="none" stroke="rgb(0,255,0)" stroke-width="2px" points="0 0, 0 767, 1023 767, 1023 0" />
=>
<polygon fill="none" stroke="rgb(0,255,0)" stroke-width="2px" points="0,0 767,1023 767,1023" />

• now I'm stuck with a NSAssert(FALSE) in SVGImageElement.newLayer. Of course, if I comment it, I get another error.

I'm aware that some functionalities are not implemented yet but as I thought that the purpose of the 2013branch was to enable resizing SVGFile, I'm wondering if I'm not doing anything wrong or if I understood correctly.

Note : I'm just adding the SVG view like that :
[cameraImageView addSubview: [[SVGKFastImageView alloc] initWithSVGKImage: [SVGKImage imageWithContentsOfFile:plistPath]]];

Does anyone have some clue ? It seems to be in the content of the SVG file. Does the parser have changed ?
Thx in advance !

Aline

I'm having problems loading the svgs asynchronously. My guess is that SVGKit is not designed to parse multiple SVGs asynchronously to begin with.

I did a test on the demo project
I added to MasterViewController.m

- (UIImage*)imageFromView:(UIView *)view
{
    // Create a graphics context with the target size
   // On iOS 4 and later, use UIGraphicsBeginImageContextWithOptions to take the scale into consideration
   // On iOS prior to 4, fall back to use UIGraphicsBeginImageContext
@synchronized (self) {
    CGSize imageSize = [view bounds].size;
    if (NULL != UIGraphicsBeginImageContextWithOptions)
        UIGraphicsBeginImageContextWithOptions(imageSize, NO, 0);
    else
        UIGraphicsBeginImageContext(imageSize);

    CGContextRef context = UIGraphicsGetCurrentContext();

    // -renderInContext: renders in the coordinate space of the layer,
    // so we must first apply the layer's geometry to the graphics context
    CGContextSaveGState(context);
    // Center the context around the view's anchor point
    CGContextTranslateCTM(context, [view center].x, [view center].y);
    // Apply the view's transform about the anchor point
    CGContextConcatCTM(context, [view transform]);
    // Offset by the portion of the bounds left of and above the anchor point
    CGContextTranslateCTM(context,
                          -[view bounds].size.width * [[view layer] anchorPoint].x,
                          -[view bounds].size.height * [[view layer] anchorPoint].y);

    // Render the layer hierarchy to the current context
    [[view layer] renderInContext:context];

    // Restore the context
    CGContextRestoreGState(context);

    // Retrieve the screenshot image
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();

    UIGraphicsEndImageContext();

    return image;
}
}

- (void)renderAll {
dispatch_queue_t renderingQueue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0);

for (NSString *name in _sampleNames) {
   // dispatch_async(renderingQueue, ^{ // uncomment this line to perform tasks asynchronously
        SVGKImage *document = [SVGKImage imageNamed:[name stringByAppendingPathExtension:@"svg"]];
        NSLog(@"document: %@",document);
        SVGKFastImageView *imgV = [[SVGKFastImageView alloc]initWithSVGKImage:document];
        UIImage *img = [self imageFromView:imgV]; // and do something else with it
        [imgV release];
  //  }); uncomment this line to perform tasks asynchronously
}
}

they initialise the vector and rasterises them. (removed @"Reinel_compass_rose" because it crashes) (also disabled global caching)

crashes only happen when the tasks are done asynchronously with various exceptions like
*** Terminating app due to uncaught exception 'NSRangeException', reason: '-[__NSCFString setString:]: Range or index out of bounds'.
or
*** Terminating app due to uncaught exception 'NSInternalInconsistencyException', reason: 'This node has no valid SVG tags as ancestor, but it's not an tag, so this is an impossible SVG file'
or
* Terminating app due to uncaught exception 'NSRangeException', reason: '* -[__NSArrayM removeObjectAtIndex:]: index 2 beyond bounds [0 .. 1]'
and perhaps more i have yet to find

[SVGKImage imageNamed:[name stringByAppendingPathExtension:@"svg"]]; also returns null when performed asynchronously

document size differs from the size of the view.. anyone knows why this happens? view size is almost 3.57 times than document size..

Hi,

I have several very simple svg files (one shape per file). I'd like to load these files and convert the shapes into CGPathRefs.

I've looked through the source / samples and I don't see a way to do it directly. Am I missing something?

Thanks!

Necessary to get the 'Lion' sample working...

I've been trying a number of SVG libraries today, in an attempt to get some images rendering in our iOS project. SVGKit seems to handle the Illustrator generated files we have, the most gracefully, but it still seems to be choking on a number of the xml elements in the file (e.g. pgf).

While other libraries are having the same issues, I was just wondering if there are any known issues with Illustrator formats and the SVGKit libraries?

Awesome work and thanks for the contribution to the community. Hopefully I can use it on this occasion, but I'll definitely turn to it in the future.

If you use SVGKit on a bunch of SVG's it eventually starts leaking.

The worst problem is that gradients cause a huge leak. If you disable gradients the library works for a lot longer but still runs out of memory after loading enough.

Is anyone else aware of this or working on it? In diagnosing the issue I spotted a lot of comments in the same sections of code about the memory issues.

I have a branch that disables gradients:
https://github.com/ddustin/SVGKit

I'm using potrace to generate a svg from a bmp-file. SVGKit can't load the generated SVG, but Illustrator can.

Check out more detailed description of my problem here:
http://stackoverflow.com/questions/11470110/svgkit-does-not-show-potrace-generated-images

Tests failing (wrong colors, incomplete rendering).

rdf:RDF
<cc:Work
rdf:about="">
dc:formatimage/svg+xml/dc:format
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
dc:title/dc:title
/cc:Work
/rdf:RDF

I am getting this error when doing scale convert with this image:
https://dl.dropbox.com/u/25433702/svgImageWithProblems.svg

app crashes with this error

2013-02-28 14:12:59.780 MyApp[5512:907] cols, rows: 1, 1 ... scaleConvert: {0.475728, 0.5} ... tilesize: {784, 40}
2013-02-28 14:12:59.784 MyApp[5478:907] [SVGKImage] WARNING: no CALayer tree found, creating a new one (will cache it once generated)
2013-02-28 14:12:59.874 MyApp[5478:907] *** Assertion failure in -[CSSPrimitiveValue getFloatValue:], /Users/user/Documents/XCode/MyApp/SVGKit/Source/DOM classes/Core DOM/CSSPrimitiveValue.m:178
2013-02-28 14:12:59.875 MyApp[5478:907] *** Terminating app due to uncaught exception 'NSInternalInconsistencyException', reason: 'Asked to convert a (19) value to a (5) (couldn't find a valid conversion route). Float (4 d.p.) = 0.0000, String = NaN'
*** First throw call stack:
(0x316443e7 0x394d4963 0x3164429d 0x31f1afa3 0x429273 0x404e7b 0x411b8d 0x41fb47 0x41fd1f 0x41feaf 0x41ff6d 0x4225d7 0x3345cd61 0x3320d315 0x3320c8c3 0x3320c037 0x332030b7 0x33202fe1 0x332029c3 0x332027d5 0x33202639 0x31619941 0x31617c39 0x31617f93 0x3158b23d 0x3158b0c9 0x3514533b 0x334a72b9 0xfa975 0x39901b20)
libc++abi.dylib: terminate called throwing an exception

this happens in all commits after:
(Feb 12)
69aa145

<inkscape:path-effect
effect="skeletal"
id="path-effect3841" />
<inkscape:path-effect
effect="skeletal"
id="path-effect3845" />
<inkscape:path-effect
effect="skeletal"
id="path-effect3849" />
<inkscape:path-effect
effect="spiro"
id="path-effect3853" />
<inkscape:path-effect
effect="skeletal"
id="path-effect3855" />
<inkscape:path-effect
effect="spiro"
id="path-effect3859" />
<inkscape:path-effect
effect="skeletal"
id="path-effect3861" />














rdf:RDF
<cc:Work
rdf:about="">
dc:formatimage/svg+xml/dc:format
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
dc:title/dc:title
/cc:Work
/rdf:RDF

i have an app that generates SVG content in memory. I would like to render this content directly from memory.

Right now my only option is to write the content to a temporary file and then load it again.
This is costly for performance.

It would be nice if we could initialize an SVGDocument from an NSData rather than requiring a file path or url. We do our own downloading on specific queued threads and don't want SVGKit to download for us. (It's a minor issue, easily worked around)