Test-image-processing NPM

Image processing library

This library was developed with javascript and works for client-side browser.

Install the library using with npm

  npm install test-image-processing

Create a html file and call the bundle

<head>
    <script src='./node_modules/test-image-processing/index.js'></script>
</head>

Create a div into the body whenever you want to use it

<div id="div-canvas">

</div>

<body>
    <script>
        var upload = new jsimage.image(div_id,pathImage,canvasId);
        upload.uploadImage();
    </script>
</body>

Parameter	Type	Description
`divId`	`string`	Required. div id where the canvas will be embebed
`pathImage`	`string`	Required. path where the image is located
`canvasId`	`string`	Not Required. the id name for the canvas

<body>
    <script>
        var grayscale = new jsimage.image(div_id,pathImage,canvasId);
        grayscale.grayScaleImage();
    </script>
</body>

Parameter	Type	Description
`divId`	`string`	Required. div id where the canvas will be embebed
`pathImage`	`string`	Required. path where the image is located
`canvasId`	`string`	Not Required. the id name for the canvas

<body>
    <script>
        var rotate = new jsimage.image(divId,pathImage,canvasId,degrees);
        rotate.rotateImage();
    </script>
</body>

Parameter	Type	Description
`divId`	`string`	Required. div id where the canvas will be embebed
`pathImage`	`string`	Required. path where the image is located
`canvasId`	`string`	Not Required. the id name for the canvas
`degrees`	`number`	Required. value to rotate the image

<body>
    <script>
        var resize = new jsimage.image(divId,pathImage,canvasId,percentage);
        resize.resizeImage();
    </script>
</body>

Parameter	Type	Description
`divId`	`string`	Required. div id where the canvas will be embebed
`pathImage`	`string`	Required. path where the image is located
`canvasId`	`string`	Not Required. the id name for the canvas
`percentage`	`number`	Required. value to rotate the image

<body>
    <script>
        var original = new jsimage.image(divId,pathImage,canvasId);
        original.setOriginal();
    </script>
<body>

Parameter	Type	Description
`divId`	`string`	Required. div id where the canvas will be embebed
`pathImage`	`string`	Required. path where the image is located
`canvasId`	`string`	Not Required. the id name for the canvas

Use a web server to run: sample/index.html

3 years ago

3 years ago