SVG Rendering

[marchbold]

Anyone know of a good SVG Rendering library? I need to add rendering of svgs to an desktop flex / air app

I've tried an old version of the svgweb toolkit that I had which works for simple svgs but unfortunately it doesn't seem to support some of the more modern features that I need in this case.

[marchbold]

(seems I've already asked this same question #697 but if anyone has done anything new would be very interested)

[RayGyoe]

I used this library to encapsulate ANE when loading SVG on the desktop（ https://github.com/sammycage/lunasvg ）

[raresn]

@marchbold is this a solution you plan to release to the public as well? :) ( just thought about the fact that it might be private )

[marchbold]

I'll discuss with my client but most likely anything we do here I'll be able to opensource so should be a public solution.

[RayGyoe]

test.mp4

Took some time to integrate into ANEWinCore

[marchbold]

@RayGyoe Unfortunately an ANE is not an option for me here.

[RayGyoe]

Keep a file for others to search for ~ 😁

[raresn]

Would this work on ios/android as well? Would be supercool to have a svg with all the assets in 1 size and scale it on startup based on the screen size then use it like that...

[bwhiting]

What about a pure as3 version?
https://github.com/lucaslorentz/AS3SVGRenderer/tree/master/SVGRenderer
Saw that as a first result but no idea how good it is or how complete you need it to be. Am sure there are other libs out there too.

[marchbold]

Yes I have tried that one, but unfortunately it seems to have some issues with detecting the size of the svg, I had better luck https://code.google.com/archive/p/svgweb/ and have used that in the past but it doesn't support more modern features which I need currently.

[2jfw]

Would be nice to have SVG support natively in AIR - any chance for adding this in a future version maybe @ajwfrost ?
This seems quite similar to the support of more "contemporary" video codecs (H265 or VP9 etc..) - positive side effect would be that this could boost the acceptance of AIR and make it be considered more often for creating apps etc..

[xabip]

We use a webview on top of the display list to show the SVGs

[marchbold]

Yeah that is an option I am exploring as well, just this project has quite a complex mxml component layout and positioning the webviews has proved problematic in the past.

[civet]

Recently I tried to fix an old AS3 SVG library. It can be used to display some simple SVGs, although it still has many issues. In fact, its code is not complicated, and it is easy to extend it and implement more features. PRs are welcome.

Flash/AIR natively supports vector drawing and E4X, which is very suitable for parsing and rendering SVG.

[raresn]

@Ender22 we are also trying to render svgs at different resolutions. Please let me know if you find a solution :)

[pol2095]

@Ender22 yes, crossbridge swc use https://github.com/sammycage/lunasvg.

[marchbold]

@Ender22 Yeah the webview rendering to bitmap data was what I ended up with but I haven't investigated it again since this original post.

A crossbridge implementation would have been perfect but my client didn't have the time / resources available at the time to look into that approach. If I get some time after christmas I'll have a look into it. It's still something that comes up often enough for me.

[Ender22]

@pol2095 thanks. Umm would you mind spelling it out for me like I'm 5 what i would do to try this? I have not heard of crossbridge before this.

Is the idea to download this library https://github.com/sammycage/lunasvg then use crossbridge to convert it to as3 classes or swc or something and then I'd be able to use it? Or would crossbridge like compile it in some way like how ANEs work?

Thanks for any info

[pol2095]

crossbridge convert C/C++11 code to as3 bytecode, use just the swc.

[Fancy2209]

I compiled the OpenFL SVG Library into a SWC for AS3: https://github.com/Fancy2209/OpenFL-SVG-on-AS3-Test/raw/refs/heads/main/libs/svg.swc

It can be used like this, where svgData is a String containing the contents of an SVG file.

import format.SVG;
var svgDO:Shape = new Shape();
var svgRenderer:SVG = new SVG(svgData);
svgRenderer.render(svgDO.graphics);

Here's an example project using it and FeathersUI OpenFL on AS3: https://github.com/Fancy2209/OpenFL-SVG-on-AS3-Test/

[marchbold]

Love it!!