UNPKG

@antv/g2

Version:

the Grammar of Graphics in Javascript

31 lines 1.15 kB
export const ZoomOut = (options) => { // Small enough to hide or show very small part of mark, // but bigger enough to not cause bug. const ZERO = 0.0001; return (from, _, defaults) => { const [shape] = from; const { transform: prefix = '', fillOpacity = 1, strokeOpacity = 1, opacity = 1, } = shape.style; const transformOrigin = 'center center'; const keyframes = [ { transform: `${prefix} scale(1)`.trimStart(), transformOrigin }, { transform: `${prefix} scale(${ZERO})`.trimStart(), transformOrigin, fillOpacity, strokeOpacity, opacity, offset: 0.99, }, { transform: `${prefix} scale(${ZERO})`.trimStart(), transformOrigin, fillOpacity: 0, strokeOpacity: 0, opacity: 0, }, ]; const animation = shape.animate(keyframes, Object.assign(Object.assign({}, defaults), options)); return animation; }; }; //# sourceMappingURL=zoomOut.js.map