background-size: cover/containfor canvas/CSS/Node/… on any type of media.
Given a original height and width, and a desired height and width, get the
scale that the original object should have to fit the desired object.
Many libraries that take care of replicating
contain have this functionality embedded. You can use this function anywhere, from the browser to calculate sizing on a canvas, to node when doing some image file resizing.
This module doesn't concern itself with getting the sizes or applying the values. You provide numbers, you get numbers.
npm install --save intrinsic-scale
/*Given an 50px 50px element in a 100px 200px parentTo be contains in its parent it must be of size 100px 100pxand be positioned at 0px 50px to be centered.*/let width height x y = ;console;//100 100 0 50/*Given an 50px 50px element in a 100px 200px parentTo be covered in its parent it must be of size 200px 200pxand be positioned at -50px 0px to be centered.*/let width height x y = ;console;//200 200 -50 0
No dependencies. It works in the browser and in node.
- https://fregante.github.io/art-cropper/ — Crops images making them fill a pre-set area.
- https://away.gorving.com/ — The video always covers the header
Forked and extended from https://github.com/sroucheray/contain-cover
MIT © Federico Brigante