Search code examples
canvassvgwebfabricjssnap.svg

Is SVG is the correct technology for future project


I'm not 100% sure stackoverflow is the correct place for the question so forgive me if I cause annoyance! I also appreciate this is quite a commercial question!

I am finding it very hard to find any information around the activeness of SVG as a standard and what the future of SVG might be. I'm basically trying to avoid backing a technology that major browsers will be dumping in a few years (but who can predict the future?!?!)

My plan is to export SVGs from something like Adobe Illustrator..then allow customers to edit them with web tech such as snapsvg. This would let people edit the svg's and then we can do stuff for them in terms of rendering and printing (as PDF).

The alternative to SVG would be something like canvas using fabric js to enable the same thing over the top of a custom data model (json/xml).

If anyone has any advice or information that might help me make a decision I would really appreciate it. If this isn't the right place for this question any advice where to look would be appreciated.

Thanks!


Solution

  • SVG isn't going away soon (SMIL svg markup may be though, so I wouldn't animate via that). SVG in some ways has come into it's own with things like mobile, where low size images are wanted, especially for things like logos.

    Personally, if you want to use something like Illustrator and be able to manipulate images, especially if you may at some point want to animate parts of the image, I would go with SVG. There's various libraries for it, and Snap.svg and svg.js are 2 of the main ones (with d3.js being the one if wanting to do graphs and charts).

    If you are passing around images for development to other graphic designers etc, I would stick with SVG at the source. You can always use fabric.js with exported SVG later if there is some specific reason for it.