Pszz / CanvasFilter

Filter-Images

Filter-Images

Description

• Canvas implements image filter function

Link

• Examples
• Source

Install

$ npm install filter-images

Using Filter-Images

// import package
import filterImages from 'filter-images'

// Basic usage
filterImages.filter(type, element, img)

// Successful callback
filterImages.filter(type, element, img).then(() => {})

// Failure callback
filterImages.filter(type, element, img).catch(() => {})

Parameter

• Type

  Specify a filter name

type	Example	description
null/false/0/undefined	filter(false, element, img)	Copy images to Canvas
baw	filter('baw', element, img)	Black and white filter
mirror	filter('mirror', element, img)	mirror filter
sculpture	filter('sculpture', element, img)	sculpture filter
invert	filter('invert, element, img)	Inverted filter
gray	filter('gray', element, img)	gray filter
blur	filter('blur', element, img)	blur filter
relief	filter('relief', element, img)	Embossing filter

• Element

  Pass in a parent element to hold the generated canvas

• Img

  Image to be processed