#

API Documentation for: NEXT
Show: Inherited Protected Private Deprecated

# BlurFilter Class

Extends Filter
Defined in: `BlurFilter:43`
Module: EaselJS

Applies a box blur to DisplayObjects. Note that this filter is fairly CPU intensive, particularly if the quality is set higher than 1.

#### Example

This example creates a red circle, and then applies a 5 pixel blur to it. It uses the getBounds method to account for the spread that the blur causes.

     var shape = new createjs.Shape().set({x:100,y:100});
     shape.graphics.beginFill("#ff0000").drawCircle(0,0,50);

     var blurFilter = new createjs.BlurFilter(5, 5, 1);
     shape.filters = [blurFilter];
     var bounds = blurFilter.getBounds();

     shape.cache(-50+bounds.x, -50+bounds.y, 100+bounds.width, 100+bounds.height);

See Filter for an more information on applying filters.

## Constructor

### `BlurFilter`

(

- `[blurX=0]`
- `[blurY=0]`
- `[quality=1]`

)

Defined in `BlurFilter:43`

#### Parameters:

- `[blurX=0]` Number optional

  The horizontal blur radius in pixels.

- `[blurY=0]` Number optional

  The vertical blur radius in pixels.

- `[quality=1]` Number optional

  The number of blur iterations.

- Index
- Methods
- Properties

## Item Index

### Methods

- _applyFilter
- applyFilter
- clone
- getBounds
- initialize deprecated
- toString

### Properties

- blurX
- blurY
- MUL_TABLE static
- quality
- SHG_TABLE static

## Methods

### `_applyFilter`

(

- `imageData`

)
Boolean

Inherited from Filter: `_applyFilter:148`

#### Parameters:

- `imageData` ImageData

  Target ImageData instance.

#### Returns:

Boolean:

### `applyFilter`

(

- `ctx`
- `x`
- `y`
- `width`
- `height`
- `[targetCtx]`
- `[targetX]`
- `[targetY]`

)
Boolean

Inherited from Filter: `applyFilter:99`

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:

Boolean:

If the filter was applied successfully.

### `clone`

() Filter

Inherited from Filter: `clone:138`

Returns a clone of this Filter instance.

#### Returns:

Filter:

A clone of the current Filter instance.

### `getBounds`

(

- `[rect]`

)
Rectangle

Inherited from Filter: `getBounds:89`

Provides padding values for this filter. That is, how much the filter will extend the visual bounds of an object it is applied to.

#### Parameters:

- `[rect]` Rectangle optional

  If specified, the provided Rectangle instance will be expanded by the padding amounts and returned.

#### Returns:

Rectangle:

If a `rect` param was provided, it is returned. If not, either a new rectangle with the padding values, or null if no padding is required for this filter.

### `initialize`

() deprecated protected

Inherited from Filter: `initialize:74`

REMOVED. Removed in favor of using `MySuperClass_constructor`. See extend and promote for details.

There is an inheritance tutorial distributed with EaselJS in /tutorials/Inheritance.

### `toString`

() String

Inherited from Filter: `toString:129`

Returns a string representation of this object.

#### Returns:

String:

a string representation of the instance.

## Properties

### `blurX`

Number

Defined in `blurX:75`

Horizontal blur radius in pixels

Default: 0

### `blurY`

Number

Defined in `blurY:83`

Vertical blur radius in pixels

Default: 0

### `MUL_TABLE`

Array protected static

Defined in `MUL_TABLE:107`

Array of multiply values for blur calculations.

### `quality`

Number

Defined in `quality:91`

Number of blur iterations. For example, a value of 1 will produce a rough blur. A value of 2 will produce a smoother blur, but take twice as long to run.

Default: 1

### `SHG_TABLE`

Array protected static

Defined in `SHG_TABLE:116`

Array of shift values for blur calculations.