Animation using Snap.svg
In this section, we will see how to use the snap.svg
library with MeteorJS. We are going to develop an interesting application in which we will use snap.svg
to manipulate SVG. It will be helpful if we have knowledge about the SVG path
and circle
elements before starting this section.
To those who don't know about snap.svg
, it is a SVG manipulation library. We could even say it is like jQuery but for SVG. We will discuss and learn to use the animation APIs provided by snap.svg
. It is a great tool if we are using SVG for interfaces in the application.
The application we are going to develop is about logging our life events, similar to the Facebook timeline. To keep things simple and to concentrate more on the animation part, we will insert data directly to the database rather than developing interfaces to insert data. Anyway, MeteorJS will take care of reactivity and thus whatever we insert will be available on the screen. We are going to create some SVG interfaces to...