npm

Need private packages and team management tools?Check out npm Orgs. »

image-edit

0.2.5 • Public • Published

image-edit

eazy image compress client web library.

Demo

Get Started

yarn add image-edit

Usage

<input type="file" id="file" accept="image/*" />
import edit from 'image-edit'
 
document.getElementById('file').addEventListener('change', async (e) => {
  const file = e.target.files[0];
 
  if (!file) {
    return;
  }
  try {
    const imageData = await edit(file, { quality: 0.7, mimeType: 'image/webp'})
    const fromData = new FormData()
    formData.append('file' imageData, file.name)
    await fetch('/path/to/upload', {
      method: 'post',
      body: formData
    })
  } catch (err) {
    console.log(err)
  }
})

Options

  • fillStyle
  • rotate
  • scaleX
  • scaleY
  • width
  • height
  • maxWidth
  • maxHeight
  • minWidth
  • minHeight
  • quality
  • mimeType

Licence

MIT

install

npm i image-edit

Downloadsweekly downloads

31

version

0.2.5

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability