Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
objectfit
Advanced tools
Readme
This is a suite of functions for fitting (possibly overflowing depending on the technique) one rectangular shape into another rectangular region, preserving aspect ratio.
Displayed below is an example of drawing an image on a canvas using the
objectfit/contain
function. It should be noted that as the functions
all use the same function signature, objectfit/cover
could be used in
it's place.
// examples/contain.js
const fit = require('../contain');
const crel = require('crel');
const img = crel('img', { src: 'http://upload.wikimedia.org/wikipedia/commons/thumb/4/46/Plasma_globe_60th.jpg/1024px-Plasma_globe_60th.jpg' });
const canvas = crel('canvas');
const css = require('fdom/css');
const context = canvas.getContext('2d');
// set document.body styling
[ ['margin', 0], ['overflow', 'hidden'] ].forEach(css(document.body));
function redraw() {
var bounds = fit(
[0, 0, window.innerWidth, window.innerHeight],
[0, 0, img.width, img.height]
);
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
context.drawImage.apply(context, [img].concat(bounds));
}
// redraw on image load and window resize
img.onload = redraw;
window.onresize = redraw;
document.body.appendChild(canvas);
All objectfit
functions use the following function signature:
fit(container, => subject) => [x, y, width, height]
Use letterboxing or pillarboxing to resize an object to fit within another containing rect, without affecting the aspect ratio.
Ensure the subject completely fills the container leaving no whitespace visible in the container.
Copyright (c) 2014, Damon Oehlman mailto:damon.oehlman@gmail.com
Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
FAQs
Different objectfit strategies for rectangular regions preserving aspect ratio
The npm package objectfit receives a total of 129 weekly downloads. As such, objectfit popularity was classified as not popular.
We found that objectfit demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.