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. Note that the filters must be applied before caching.
myInstance.filters = [ new createjs.ColorFilter(0, 0, 0, 1, 255, 0, 0), new createjs.BoxBlurFilter(5, 5, 10) ]; myInstance.cache(0,0, 100, 100);
Note that each filter can implement a getBounds method, which returns the margins that need to be applied in order to fully display the filter. For example, the BoxBlurFilter will cause an object to feather outwards, resulting in a margin around the shape.
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
- AlphaMaskFilter: 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
Applies the filter to the specified context.
The 2D context to use as the source.
The x position to use for the source rect.
The y position to use for the source rect.
The width to use for the source rect.
The height to use for the source rect.
The 2D context to draw the result to. Defaults to the context passed to ctx.
The x position to draw the result to. Defaults to the value passed to x.
The y position to draw the result to. Defaults to the value passed to y.
Returns a clone of this Filter instance.
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).