img-to-canvas
Turn an image tag into a canvas tag, optionally clipping its dimensions
Last updated 5 years ago by ashaffer88 .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install img-to-canvas 
SYNC missed versions from official npm registry.

img-to-canvas

Convert an img tag into a canvas tag, optionally with clipped dimensions (works only in browser).

Usage

  • img an <img> element
  • x the distance along the x axis to begin cropping
  • y the distance along the y axis to begin cropping
  • width the width of the section you want to crop
  • height the height of the section you want to crop
  • scaleWidth scale the final image up/down to this width (optional - defaults to width)
  • scaleHeight scale the final image up/down to this height (optional - defaults to height)

Returns a canvas element containing the cropped image.

Example

var img = document.querySelector('#img-to-crop')
imgToCanvas(img, 20, 20, 40, 40)

Takes #img-to-crop and generates a canvas that contains a 40x40 square of pixels 20 pixels into the image along each axis.

Current Tags

  • 0.1.4                                ...           latest (5 years ago)

5 Versions

  • 0.1.4                                ...           5 years ago
  • 0.1.3                                ...           5 years ago
  • 0.1.2                                ...           5 years ago
  • 0.1.1                                ...           5 years ago
  • 0.1.0                                ...           5 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (0)
None
Dev Dependencies (0)
None

Copyright 2014 - 2016 © taobao.org |