Miss any of our Open RFC calls?Watch the recordings here! »

math-cover

0.2.1 • Public • Published

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 = require('math-cover')
 
var target = {
  w: 200,
  h: 100
}
var parent = {
  w: 100,
  h: 200
}
 
// {left: -150, top: 0, width: 400, height: 200, scale: 2, position: '50% 50%'}
var obj = cover(target, parent)

With focus point

Params x and y are ratio of target.w and target.h and must be 0 <= ratio <= 1

var cover = require('math-cover')
 
var target = {
  w: 200,
  h: 100,
  x: .2,
  y: .2
}
var parent = {
  w: 100,
  h: 200
}
 
// {left: -30, top: 0, width: 400, height: 200, scale: 2, position: '10% 50%'}
var obj = cover(target, parent)

Demo

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

Install

npm i math-cover

DownloadsWeekly Downloads

1

Version

0.2.1

License

MIT

Last publish

Collaborators

  • avatar