@antv/g2
Version:
the Grammar of Graphics in Javascript
31 lines • 1.15 kB
JavaScript
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