import { Jimage } from 'react-jimp'
import testImage from '../assets/testimg.png'

function App() {
    return (
        <div className="App">
            // Create element as you import from the package
            <Jimage 
                src={testImage}
                width="250"
                height="300"
                alt="test image"
                greyscale
                sepia
                pixelate="5"
                mirror="true, false"
            />
        </div>
    )
}

{
    /* Resize */
    contain: "w, h",  // scale the image to the given width and height, some parts of the image may be letter boxed
    cover: "w, h", // scale the image to the given width and height, some parts of the image may be clipped
    resize: "w, h", // resize the image. Jimp.AUTO can be passed as one of the values.
    scale: "f",  // scale the image by the factor f
    scaleToFit: "w, h",  // scale the image to the largest size that fits inside the given width and height
    // An optional resize mode can be passed with all resize methods.

    /* Crop */
    autocrop: "tolerance, frames", // automatically crop same-color borders from image (if any), frames must be a Boolean
    autocrop: "options",  // automatically crop same-color borders from image (if any), options may contain tolerance, cropOnlyFrames, cropSymmetric, leaveBorder
    crop: "x, y, w, h",  // crop to the given region

    /* Flip and rotate */
    flip: "horz, vert",  // flip the image horizontally or vertically
    mirror: "horz, vert",  // an alias for flip
    rotate: "deg",  // rotate the image clockwise by a number of degrees. Optionally, a resize mode can be passed. If `false` is passed as the second parameter, the image width and height will not be resized.

    /* Colour */

    brightness: "val",  // adjust the brighness by a value -1 to +1
    contrast: "val", // adjust the contrast by a value -1 to +1
    dither565: "bool" , // ordered dithering of the image and reduce color space to 16-bits (RGB565)
    greyscale: "bool",  // remove colour from the image
    invert: "bool",  // invert the image colours
    normalize: "bool",  // normalize the channels in an image

    /* Alpha channel */

    hasAlpha: "bool",  // determines if an image contains opaque pixels
    fade: "f",  // an alternative to opacity, fades the image by a factor 0 - 1. 0 will haven no effect. 1 will turn the image
    opacity: "f",  // multiply the alpha channel by each pixel by the factor f, 0 - 1
    opaque: "bool",  // set the alpha channel on every pixel to fully opaque
    background: "hex",  // set the default new pixel colour (e.g. 0xFFFFFFFF or 0x00000000) for by some operations (e.g. image.contain and

    /* Blurs */

    gaussian: "r",  // Gaussian blur the image by r pixels (VERY slow)
    blur: "r", // fast blur the image by r pixels

    /* Effects */

    posterize: "n",  // apply a posterization effect with n level
    sepia: "bool",  // apply a sepia wash to the image
    pixelate: "size"  // apply a pixelation effect to the image
}