npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@jaxon_song/image-scaler

v1.0.7

Published

A JavaScript tool that enlarges and reduces the size of the image

Downloads

10

Readme

image-scaler

A JavaScript tool that enlarges and reduces the size of the image.😎

Features

  • Reduce image size
  • Zoom in picture
  • Zoom out image
  • Support Node.js(^1.0.3)
  • Url that supports incoming local or online pictures

Installing

Using npm:

  $ npm install @jaxon_song/image-scaler

Using cdn:

  <script src="https://unpkg.com/@jaxon_song/image-scaler/dist/bundle.min.js"></script>

Usage

Used in Browser

v1.0.5 or higher

  const imageScaler = require('@jaxon_song/image-scaler')

    imageScaler({
      // Original image url
      imageUrl: [url],
      // width and height have at least one, Can also exist
      width: 150,
      height: 100,
      // A Number between 0 and 1 indicating image quality if the requested type is image/jpeg or image/webp. If this argument is anything else, the default values 0.92 and 0.80 are used for image/jpeg and image/webp respectively. Other arguments are ignored.
      quality: 0.1,
      // A DOMString indicating the image format. The default type is image/jpeg.
      mimeType: 'png'
    }).then( data => {
      // data includes the blob object and url of the adjusted image
      console.log(data)
    })

v1.0.4 or less:

  const imageScaler = require('@jaxon_song/image-scaler')

    imageScaler({
      // Original image url
      imageUrl: [url],
      // How much is the picture width adjusted(px)? The default value is 100.
      scaleTo: 150,
      // A Number between 0 and 1 indicating image quality if the requested type is image/jpeg or image/webp. If this argument is anything else, the default values 0.92 and 0.80 are used for image/jpeg and image/webp respectively. Other arguments are ignored.
      quality: 0.1,
      // A DOMString indicating the image format. The default type is image/jpeg.
      mimeType: 'png'
    }).then( data => {
      // data includes the blob object and url of the adjusted image
      console.log(data)
    })

Used in Node.js

v1.0.5 or higher:

  const imageScaler = require('@jaxon_song/image-scaler')
  /**
   * resolved a Buffer in Node.js
  */
  imageScaler({
    imageUrl: [url], // Can be the path or link to the image file
    width: 150
  }).then(
    buffer => {
      console.log(buffer)
    }
  )

v1.0.4 or less:

  const imageScaler = require('@jaxon_song/image-scaler')
  /**
   * resolved a Buffer in Node.js
  */
  imageScaler({
    imageUrl: [url], // Can be the path or link to the image file
    scaleTo: 150
  }).then(
    buffer => {
      console.log(buffer)
    }
  )

Change Log

v1.0.5 (2019/08/26 10:20 +00:00)

  • Change parameter scaleTo to width
  • add paramer height
  • Support input width or height or both

License

MIT