Load an svg file and render it onto a UIView

[KarimFikani]

Is it possible with Macaw to load an svg file and render it onto a UIView? Something similar to https://github.com/pocketsvg/PocketSVG

[shipinev]

Hi @KarimFikani!

With latest master updates you can render SVG by using SVGView.
You need to specify that with your pod declaration:

pod 'Macaw', :git => 'https://github.com/exyte/Macaw.git'

If you have any further questions, please don't hesitate to ask.

[KarimFikani]

Thank you @shipinev for your reply. Actually I meant if svg files can be loaded dynamically into a uiview through code and not by dragging and dropping it to a uiview. If yes, can you provide me with a code sample that does that? I looked at the examples repository that you have and couldn't find anything related to loading from files. Thanks.

[shipinev]

Yep, of course. You need to create programatically SVGView with needed frame and set fileName attribute which automatically calls rendering proccess of your SVG file:

let svgView = SVGView(frame: CGRect(x: 0, y: 0, width: 200, height: 200))
svgView.fileName = "svgFileName"

[KarimFikani]

So I loaded the following svg file
rabbit.svg.zip

and got the following:

The eyes are missing the black ellipse.

[shipinev]

I have fixed this issue, please try to render your SVG file now.

[KarimFikani]

it works thanks!