Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

objectfit

Package Overview
Dependencies
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

objectfit - npm Package Compare versions

Comparing version 1.2.0 to 1.3.0

LICENSE

14

examples/contain.js

@@ -1,7 +0,7 @@

var fit = require('../contain');
var crel = require('crel');
var img = crel('img', { src: 'http://upload.wikimedia.org/wikipedia/commons/thumb/4/46/Plasma_globe_60th.jpg/1024px-Plasma_globe_60th.jpg' });
var canvas = crel('canvas');
var css = require('fdom/css');
var context = canvas.getContext('2d');
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');

@@ -19,3 +19,3 @@ // set document.body styling

canvas.height = window.innerHeight;
context.drawImage.apply(context, [img].concat(bounds));
context.drawImage(img, ...bounds);
}

@@ -22,0 +22,0 @@

@@ -1,29 +0,7 @@

/**
# objectfit
const contain = require('./contain');
const cover = require('./cover');
This is a suite of functions for fitting (possibly overflowing depending on
the technique) one rectangular shape into another rectangular region,
preserving aspect ratio.
## Example Usage
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
## Reference
All objectfit functions use the following function signature:
```
fit(container, => subject) => [x, y, width, height]
```
## Implementations
**/
exports.contain = require('./contain');
exports.cover = require('./cover');
module.exports = {
contain,
cover
};
{
"name": "objectfit",
"version": "1.2.0",
"version": "1.3.0",
"description": "Different objectfit strategies for rectangular regions preserving aspect ratio",
"main": "index.js",
"stability": "stable",
"scripts": {
"test": "node test/all.js",
"gendocs": "gendocs > README.md"
"gendocs": "embellish README.md",
"demo": "beefy examples/contain.js"
},

@@ -26,7 +28,10 @@ "repository": {

"devDependencies": {
"cog": "^1.0.0",
"crel": "^2.1.5",
"beefy": "^2.1.8",
"browserify": "^16.2.3",
"cog": "^1.1.0",
"crel": "^4.0.1",
"embellish-readme": "^1.5.0",
"fdom": "^1.2.0",
"tape": "^3.0.1"
"tape": "^4.10.2"
}
}
}

@@ -7,6 +7,5 @@ # objectfit

[![NPM](https://nodei.co/npm/objectfit.png)](https://nodei.co/npm/objectfit/)
[![Build Status](https://img.shields.io/travis/DamonOehlman/objectfit.svg?branch=master)](https://travis-ci.org/DamonOehlman/objectfit)
[![stable](https://img.shields.io/badge/stability-stable-green.svg)](https://github.com/dominictarr/stability#stable) [![Build Status](https://api.travis-ci.org/DamonOehlman/objectfit.svg?branch=master)](https://travis-ci.org/DamonOehlman/objectfit)

@@ -21,8 +20,9 @@ ## Example Usage

```js
var fit = require('objectfit/contain');
var crel = require('crel');
var img = crel('img', { src: 'http://upload.wikimedia.org/wikipedia/commons/thumb/4/46/Plasma_globe_60th.jpg/1024px-Plasma_globe_60th.jpg' });
var canvas = crel('canvas');
var css = require('fdom/css');
var context = canvas.getContext('2d');
// 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');

@@ -48,3 +48,2 @@ // set document.body styling

document.body.appendChild(canvas);
```

@@ -54,3 +53,3 @@

All objectfit functions use the following function signature:
All `objectfit` functions use the following function signature:

@@ -79,3 +78,3 @@ ```

Copyright (c) 2014, Damon Oehlman <damon.oehlman@gmail.com>
Copyright (c) 2014, Damon Oehlman <mailto:damon.oehlman@gmail.com>

@@ -93,1 +92,2 @@ Permission to use, copy, modify, and/or distribute this software for any

PERFORMANCE OF THIS SOFTWARE.

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc