kenburns
kenburns provides a Ken Burns Effect on an image.
Kenburns currently have implementations for Canvas 2D, Canvas WebGL, and vanilla DOM.
npm install --save kenburns
or standalone version (window.KenBurns
).
Usage
You can specifically import only one implementation:
;;;
Or import them all (leads to more dependencies in your bundle):
;// KenBurns.DOM , KenBurns.WebGL , KenBurns.Canvas2D// KenBurns.Canvas is also a variant that feature detect WebGL or Canvas2D
API
Quick DOM example:
;;;const image = ;imagesrc = "http://i.imgur.com/Uw2EQEk.jpg";image { var div = document; documentbody; divstylewidth = "400px"; divstyleheight = "400px"; var kenBurns = div; kenBurns;};
There is also KenBurnsWebGL
(WebGL implementation) and KenBurnsCanvas2D
(Canvas2D implementation).