Snap – A JavaScript SVG Library • Hacker News Board

Re: Snap – A JavaScript SVG Library

#41

Post by sambeau » Wed, Oct 23, 2013, 9:02 PM UTC

In a comment on a thread about SVG libraries recently, here on HN, I opined that the world was long in need of a library that takes pre-made, artist created SVG and manipulates it: a jQuery for SVG.

And here it is and I am very grateful. Thank you, Dmitry. Thank you, Adobe.

We also need a world where once again Adobe create great open technologies and fund their development by building superb commercial tools for them.

I eagerly await new tools that work with Snap!

Re: Snap – A JavaScript SVG Library

#42

Post by Groxx » Wed, Oct 23, 2013, 9:37 PM UTC

twistedpair wrote: post #39

alxndr wrote: post #32

Earlier quoted context omitted.

There's a helpful "Why Snap?" page that points this out, as well as that it supports animation.

SMIL is the SVG animation markup. Sadly very few people have every used it. SvgWow.com has a bunch of great examples like: http://svg-wow.org/camera/camera.xhtml

There's an awful lot of Javascript backing that animation, I can't see where it's being turned into SMIL. At the very least it's definitely not static on the page, since the definition of the animation is entirely in JS: http://svg-wow.org/camera/camera.js

Does it write SMIL somewhere near the end and then let it run, or does it just run in JS? Skimming through I couldn't tell, but I don't really have time to read more closely.

Re: Snap – A JavaScript SVG Library

#43

Post by premasagar » Wed, Oct 23, 2013, 10:09 PM UTC

Wow. Snap looks beautiful. Nice one, Dmitry.

I've been enjoying working on my own SVG library, Pablo[1]. It's inspired in part by the fun I've had using Raphael, and wanting to explore what can happen when SVG is a first-class citizen of a library.

[1] http://pablojs.com

Re: Snap – A JavaScript SVG Library

#44

Post by brissmyr » Wed, Oct 23, 2013, 10:34 PM UTC

Snap.svg being able to parse existing SVG:s I've generated with Sketch is totally awesome. Even more awesome would be the day when Sketch lets me play around with animations and timelines and then generate Snap.svg instructions.

Re: Snap – A JavaScript SVG Library

#45

Post by drawkbox » Wed, Oct 23, 2013, 11:09 PM UTC

Looks like a good replacement for the vector side of flash and is partnered with Adobe. The SVG looks very clean and it is nice to have it load SVG files and create on the fly. Also awesome that it is made by the developer of the Raphael library.

One problem with intensely declarative content is bad naming, verboseness and strange groupings/ordering. Silverlight had this problem and SVG has it a bit in terms of content from other programs like Illustrator, SVG exporters etc. Adobe will probably be developing tools to edit this maybe? SVG support is still a little lagging and the web is missing vector frameworks since Flash has been sidelined with mobile.

Re: Snap – A JavaScript SVG Library

#46

Post by miweiss » Wed, Oct 23, 2013, 11:46 PM UTC

gnuvince wrote: post #14

This may cause confusion with the Snap Framework [1]. [1] http://snapframework.com/

Or the snap visual programming language: http://snap.berkeley.edu/snapsource/snap.html

Re: Snap – A JavaScript SVG Library

#47

Post by ris » Thu, Oct 24, 2013, 12:01 AM UTC

Are blend modes other than "normal" usable in browser SVG yet? https://bugzilla.mozilla.org/show_bug.cgi?id=437554

Re: Snap – A JavaScript SVG Library

#48

Post by j_m_b » Thu, Oct 24, 2013, 1:03 AM UTC

I don't see the animations on iOS 6 and Android mobile devices. Why not?

Re: Snap – A JavaScript SVG Library

#49

Post by rickjames28 » Thu, Oct 24, 2013, 1:49 AM UTC

Is anybody doing any widget libraries with just SVG or Canvas? We've got an application and don't care about SEO, so instead of hacking together various "tricks" that most libraries do to get you the "desktop application" experience, I'd rather cut that crap out and use technology that was meant to do actual drawing instead of hypertext.

Re: Snap – A JavaScript SVG Library

#50

Post by premasagar » Thu, Oct 24, 2013, 2:17 AM UTC

drawkbox wrote: post #45

Looks like a good replacement for the vector side of flash and is partnered with Adobe. The SVG looks very clean and it is nice to have it load SVG files and create on the fly. Also awesome that it is made by the developer of the Raphael library. One problem with intensely declarative content is bad naming, verboseness and strange groupings/ordering. Silverlight had this problem and SVG has it a bit in terms of conte…

There's a great little node.js-based tool called SVGO for removing the fluff and optimising SVG files: https://github.com/svg/svgo