Skip to content

Releases: Hackdoor-io/imgix

v0.0.7

17 Jan 19:03
Compare
Choose a tag to compare

Fixed

Fixed some documentation and license for both npm and GitHub.

V0.0.6

17 Jan 18:34
Compare
Choose a tag to compare

Added

S3 URL to Imgix URL method

import Imgix from '@hackdoor/imgix'

const imgix = new Imgix('https://my-imgix-server-url.com')
const myImage = imgix
  .width(300)
  .height(500)
  .fit('crop')
  .fromS3('https://my-s3-bucket.s3.amazonaws.com/foo/bar/baz.png')

console.log(myImage)
// => "https://example.com/foo/bar/baz.png?w=500&h=600&fit=crop"

Rotation methods

Flip

A string, one of: v, h and vh

imgix.flip('v')

Orient

A number between 1 and 8 or 90, 180, 270

imgix.orient(90)

Rotation

A number between 0 and 359

imgix.rotation(180)

v0.0.5

11 Jan 17:27
Compare
Choose a tag to compare

Fixed

Fixed blocking .build() issue.

v0.0.4

11 Jan 16:18
Compare
Choose a tag to compare

Fixed

Fixed production build. Do not use v0.0.3

v0.0.3

11 Jan 16:09
d04e616
Compare
Choose a tag to compare

Added

Colors

A number between 0 and 16

imgix.colors(5)

Palette

A string, one of: css, json

imgix.palette("json")

Fixed

Added .build() method. It prepares the url to be created.

v0.0.2

06 Dec 10:15
Compare
Choose a tag to compare
v0.0.2 Pre-release
Pre-release

Pre-release of @hackdoor/imgix on npm.

Added

Added the following methods:

Adjustments

Brightness

A number between -100 and 100

imgix.brightness(50)

Contrast

A number between -100 and 100

imgix.contrast(50);

Exposure

A number between -100 and 100

imgix.exposure(50);

Gamma

A number between -100 and 100

imgix.gamma(50);

Highlight

A number between -100 and 0

imgix.highlight(-50);

Hue Shift

A number between 0 and 359

imgix.hueShift(50);

Invert

A boolean value

imgix.invert(true);

Saturation

A number between -100 and 100

imgix.saturation(50);

Shadow

A number between 0 and 100

imgix.shadow(50);

Sharpen

A number between 0 and 100

imgix.sharpen(50);

Unsharp Mask

A number between -100 and 100

imgix.unsharpMask(50);

Unsharp Mask Radius

A number between -100 and 100

imgix.unsharpMaskRadius(50);

Vibrance

A number between -100 and 100

imgix.vibrance(50);

Blending

Blend

A string representing an hex color (#000) or an image url (https://example.com/img.jpg)

imgix.blend("#F500F0")

Blend Align

One of the following values: top, middle, bottom, left, center, right

imgix.blendAlign("top")

Blend Crop

One of the following values: top, middle, bottom, left, center, right, faces

imgix.blendCrop("faces")

Fixed

  • none

Changed

  • none

Deprecated

  • none