Additional easing equations for the fx module in the svgjs.com library
npm install svg.easing.jsjavascript
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`