math-cover
Calculates the size and the position of a target to fit a container, adjusted to keep a focus point
A mix of jquery-focuspoint and math-fit
Install
npm i math-cover
Examples
Without focus point
var cover = var target = w: 200 h: 100var parent = w: 100 h: 200 // {left: -150, top: 0, width: 400, height: 200, scale: 2, position: '50% 50%'}var obj =
With focus point
Params x
and y
are ratio of target.w
and target.h
and must be 0 <= ratio <= 1
var cover = var target = w: 200 h: 100 x: 2 y: 2var parent = w: 100 h: 200 // {left: -30, top: 0, width: 400, height: 200, scale: 2, position: '10% 50%'}var obj =
Demo
npm i && npm start
Keydown | Action |
---|---|
w | random width |
h | random height |
u | random width + height |
i | random image |
d or space | toggle debug |
Thanks
Mainly forked / inspired on jquery-focuspoint and math-fit
License
MIT