Monthly Archives: 八月 2015

流行的svg/canvas动画库

因为需要用到动画,所以收集了一下现在比较流行的一些svg和canvas动画库,收集的不一定很全,主要是一些使用比较多的库。

SVG

  • SVG.JSA lightweight library for manipulating and animating SVG.

  • Snap.svgSVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM.

     

  • RaphaelRaphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.

     

  • bonsaiA lightweight graphics library with an intuitive graphics API and an SVG renderer.

     

  • vivusVivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn.
  • svgwebSVG Web is a JavaScript library which provides SVG support on many browsers, including Internet Explorer, Firefox, and Safari. Using the library plus native SVG support you can instantly target ~95% of the existing installed web base.
  • ProcessingProcessing.js is the sister project of the popular Processing visual programming language, designed for the web. Processing.js makes your data visualizations, digital art, interactive animations, educational graphs, video games, etc. work using web standards and without any plug-ins.

     

  • Velocity.jsVelocity is an animation engine with the same API as jQuery’s $.animate(). It works with and without jQuery. It’s incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined.

     

  • jQuery SVGA jQuery plugin that lets you interact with an SVG canvas.

     

Canvas

  • KineticJSKineticJS is a fast, robust, HTML5 Canvas Library that is no longer maintained.
  • FabricFabric.js is a powerful and simple
    Javascript HTML5 canvas library

     

  • Paper.jsPaper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.

     

  • Easel.jsA JavaScript library that makes working with the HTML5 Canvas element easy. Useful for creating games, generative art, and other highly graphical experiences.

     

  • Pixi.js2D webGL renderer with canvas fallback

     

  • three.js-3DThree.js is a library that makes WebGL – 3D in the browser – easy to use. While a simple cube in raw WebGL would turn out hundreds of lines of Javascript and shader code, a Three.js equivalent is only a fraction of that.