Snap.svg - The JavaScript SVG Library for the Modern Web

Snap.svg - The JavaScript SVG Library for the Modern Web

Snap.svg - The JavaScript SVG Library for the Modern Web

SVG (Scalable Vector Graphic) has been available for a long time, but somehow this technolgy is abit under used. The most important reason is the compatibility, but with all current modern browsers, this shouldn't be an issue anymore.

There are a few obvious advantages such as vector graphic can be scaled to any size without having a pixelated image. SVG image will look great on those devices with retina displays. Finally, you can add interactions on it.

Even better, there is a new Javascript SVG library - Snap.svg. It's designed for modern browsers and therefore supports the newest SVG features like masking, clipping, patterns, full gradients, groups, and more.for modern browsers and more.

You can generate SVG easily using Snap.svg, and you can also use Snap to work with SVG generated from tools like Adobe Illustrator, Inkscape, or Sketch. You can even load strings of SVG asynchronously and query out the pieces you need in order to turn SVG files into sprite sheets. Snap.svg has a great documentation too, that's the most important thing to all the developers!


More Details

Author: Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Share the love

Leave a Comment

Please keep in mind that comments are moderated and rel="nofollow" is in use. You can use [code][/code] if you want to write codes. Don't spam us :) Thanks!