API Documentation for: 0.6.0
Show:

Filter Class

Defined in: Filter:34
Module: EaselJS

Base class that all filters should inherit from. Filters need to be applied to objects that have been cached using the cache method. If an object changes, please cache it again, or use updateCache.

Example

 myInstance.cache(0,0, 100, 100);
 myInstance.filters = [
     new createjs.ColorFilter(0, 0, 0, 1, 255, 0, 0),
     new createjs.BoxBlurFilter(5, 5, 10)
 ];

EaselJS Filters

EaselJS comes with a number of pre-built filters. Note that individual filters are not compiled into the minified version of EaselJS. To use them, you must include them manually in the HTML.

  • AlphaMapFilter: Map a greyscale image to the alpha channel of a display object
  • AlphaMapFilter: Map an image's alpha channel to the alpha channel of a display object
  • BoxBlurFilter: Apply vertical and horizontal blur to a display object
  • ColorFilter: Color transform a display object
  • ColorMatrixFilter: Transform an image using a ColorMatrix

Constructor

Filter

()

Defined in Filter:34

Methods

applyFilter

(
  • ctx
  • x
  • y
  • width
  • height
  • targetCtx
  • targetX
  • targetY
)
Boolean

Defined in applyFilter:84

Applies the filter to the specified context.

Parameters:

  • ctx CanvasRenderingContext2D

    The 2D context to use as the source.

  • x Number

    The x position to use for the source rect.

  • y Number

    The y position to use for the source rect.

  • width Number

    The width to use for the source rect.

  • height Number

    The height to use for the source rect.

  • targetCtx CanvasRenderingContext2D

    Optional. The 2D context to draw the result to. Defaults to the context passed to ctx.

  • targetX Number

    Optional. The x position to draw the result to. Defaults to the value passed to x.

  • targetY Number

    Optional. The y position to draw the result to. Defaults to the value passed to y.

Returns:

clone

() Filter

Defined in clone:109

Returns a clone of this Filter instance.

Returns:

Filter: A clone of the current Filter instance.

getBounds

() Rectangle

Defined in getBounds:73

Returns a rectangle with values indicating the margins required to draw the filter. For example, a filter that will extend the drawing area 4 pixels to the left, and 7 pixels to the right (but no pixels up or down) would return a rectangle with (x=-4, y=0, width=11, height=0).

Returns:

Rectangle: a rectangle object indicating the margins required to draw the filter.

initialize

() protected

Defined in initialize:65

Initialization method.

toString

() String

Defined in toString:99

Returns a string representation of this object.

Returns:

String: a string representation of the instance.