You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
unknown fe79185e87 ali aslani 1 year ago
..
dist ali aslani 1 year ago
LICENSE ali aslani 1 year ago
README.md ali aslani 1 year ago
package.json ali aslani 1 year ago

README.md

svg.easing.js

Additional easing equations for the fx module in the svgjs.com library.

Svg.easing.js is licensed under the terms of the MIT License.

Usage

Include this plugin after including the svg.js library in your html document.

To use the custom easing methods:

var draw = SVG('paper').size(400, 400)
var rect = draw.rect(100, 100)

rect.animate(500, SVG.easing.bounce).move(300, 300)

Available easing methods are:

  • SVG.easing.quadIn
  • SVG.easing.quadOut
  • SVG.easing.quadInOut
  • SVG.easing.cubicIn
  • SVG.easing.cubicOut
  • SVG.easing.cubicInOut
  • SVG.easing.quartIn
  • SVG.easing.quartOut
  • SVG.easing.quartInOut
  • SVG.easing.quintIn
  • SVG.easing.quintOut
  • SVG.easing.quintInOut
  • SVG.easing.sineIn
  • SVG.easing.sineOut
  • SVG.easing.sineInOut
  • SVG.easing.expoIn
  • SVG.easing.expoOut
  • SVG.easing.expoInOut
  • SVG.easing.circIn
  • SVG.easing.circOut
  • SVG.easing.circInOut
  • SVG.easing.backIn
  • SVG.easing.backOut
  • SVG.easing.backInOut
  • SVG.easing.swingFromTo
  • SVG.easing.swingFrom
  • SVG.easing.swingTo
  • SVG.easing.bounce
  • SVG.easing.bounceOut
  • SVG.easing.elastic