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

join-images

Package Overview
Dependencies
Maintainers
1
Versions
26
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

join-images - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

src/__tests__/__image_snapshots__/__diff_output__/main-test-ts-sharp-should-generate-image-with-costume-offset-1-diff.png

1

.eslintrc.js

@@ -25,3 +25,4 @@ module.exports = {

'@typescript-eslint/explicit-function-return-type': 'off',
'@typescript-eslint/explicit-module-boundary-types': 'off',
},
};

25

package.json
{
"name": "join-images",
"version": "0.1.1",
"description": "TypeScript",
"version": "0.1.2",
"description": "Merge multiple images into a single image",
"engines": {

@@ -12,7 +12,7 @@ "node": ">= 12.13 <13"

},
"main": "./lib/index.js",
"devDependencies": {
"@types/jest": "^26.0.3",
"@types/jimp": "^0.2.28",
"@types/jest-image-snapshot": "^3.1.0",
"@types/node": "^14.0.14",
"@types/sharp": "^0.25.0",
"@typescript-eslint/eslint-plugin": "^3.5.0",

@@ -26,2 +26,3 @@ "@typescript-eslint/parser": "^3.5.0",

"jest": "^26.1.0",
"jest-image-snapshot": "^4.0.2",
"prettier": "^2.0.5",

@@ -40,10 +41,22 @@ "rimraf": "^3.0.2",

"test:watch": "jest --watch",
"prepublish": "npm run build"
"prepublish": "npm run lint && npm run build"
},
"author": "m.doaie <mdoaie@yahoo.co.uk>",
"license": "MIT",
"keywords": [
"join image",
"merge image",
"sharp js",
"concat",
"convert",
"compose",
"image",
"manipulation",
"merge",
"multiple image"
],
"dependencies": {
"is-plain-obj": "^2.1.0",
"jimp": "^0.14.0"
"sharp": "^0.25.4"
}
}

@@ -1,1 +0,55 @@

# node-typescript-boilerplate
# join-images
> Merge multiple images into a single image
`join-images` is modified version of [`merge-img`][merge-img] to make it work with [`sharp`][sharp] library.
`join-images` merges given images into a single image in right order. This will be helpful in a situation when you have to generate a preview of multiple images into a single image. This module is based on [`sharp`][sharp] for image processing.
![figure](https://rawgit.com/preco21/join-images/master/media/figure.png)
Image credit: https://www.pexels.com/
## Install
```bash
$ npm install join-images
```
```bash
$ yarn add join-images
```
## Usage
```javascript
import joinImages from 'join-images';
joinImages(['image-1.png', 'image-2.jpg']).then((img) => {
// Save image as file
img.toFile('out.png');
});
```
## API
### joinImages(images[, options])
- `images` Array of (String | Object | Buffer) - List of images to concat. If `String` is passed, it will be considered to the file path. An `Object` entry can have following options:
- `src` _`String`_ or `Buffer` - A single image source to concat.
- `offsetX` Number (optional) - `x` offset to affect this image. Default is `0`.
- `offsetY` Number (optional) - `y` offset to affect this image. Default is `0`.
- `options` Object (optional)
- `direction` String (`vertical|horizontal`) - Direction of the merged image.`.
- `color` (String | Object) - Default background color represented by RGBA hex value. Default is `{ alpha: 0.5, b: 0, g: 0, r: 0 }`.
- `align` String - Aligning of given images. If the images are not all the same size, images will be sorted to largest image. Possible values are `start`, `center` and `end`. Default is `start`.
- `offset` Number - Offset in pixels between each image. Default is `0`.
- `margin` (Number | String | Object) - Margin of the result image. If `Number` or `String` is passed, it will be considered as [standard css shorthand properties](https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties) (e.g. '40 40 0 10'). An `Object` entry can have following options:
- `top` Number (optional) - Margin on top side of result image. Default is `0`.
- `right` Number (optional) - Margin on right side of result image. Default is `0`.
- `bottom` Number (optional) - Margin on bottom side of result image. Default is `0`.
- `left` Number (optional) - Margin on left side of result image. Default is `0`.
Returns a `Promise` that contains `sharp` object.
[sharp]: https://github.com/lovell/sharp
[merge-img]: https://github.com/preco21/merge-img

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

export * from './mergeImg';
export * from './main';

@@ -20,3 +20,5 @@ {

"noImplicitThis": false,
"strictNullChecks": false
"strictNullChecks": false,
"esModuleInterop": true,
"declaration": true
},

@@ -23,0 +25,0 @@ "include": ["src/**/*", "**/__tests__/*"],

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