List of available effect functions that can be combined to build a layer effect.
Referenced by: Effect, Scale Dependent Effect
Properties
Can be one of the following:
Effect functions brightness, contrast, grayscale, invert, opacity, saturate, and sepia
| Property | Details |
|---|---|
| amount | Amount of effect. A value of 0 leaves the input unchanged. grayscale, invert, sepia, and opacity effects accept a maximum amount of 1 which applies the effect at 100%. brightness, contrast, and saturate can accept amount above 1. Negative values are not allowed. |
| type | Effect type. Valid values: brightness, contrast, grayscale, invert, opacity, saturate, sepia |
Effect function hue-rotate
| Property | Details |
|---|---|
| angle | The relative change in hue as an angle in degree. A value of 0 leaves the input unchanged. A positive hue rotation increases the hue value, while a negative one decreases the hue value. |
| type | Effect type. Valid value of this property hue-rotate |
Effect function blur
| Property | Details |
|---|---|
| radius | The radius of the blur in points. It defines the value of the standard deviation to the Gaussian function. Negative values are not allowed. |
| type | Effect type. Valid value of this property blur |
Effect function drop-shadow
| Property | Details |
|---|---|
| blurRadius | The radius of the blur in points. It defines the value of the standard deviation to the Gaussian function. |
| color | Color is represented as a four-element array. The four elements represent values for red, green, blue, and alpha in that order. Values range from 0 through 255. |
| type | Effect type. Valid value of this property drop-shadow |
| xoffset | The distance of the shadow on the x-axis in points. |
| yoffset | The distance of the shadow on the y-axis in points. |
Effect function bloom
| Property | Details |
|---|---|
| radius | Determines the radius of the blur. Negative values are not allowed. Leaves the pixels inside the radius untouched. |
| strength | The intensity of the bloom effect. The higher the value, the brighter the glow. Negative values are not allowed. |
| threshold | The mininum color luminosity for a pixel to bloom, where at 0 all pixels bloom and 1 only the pixels with 100% luminosity colors bloom. |
| type | Effect type. Valid value of this property bloom |
Additional information
- Filter functions in W3C - Filter Effects Module Level 1
- Interpolation of filter functions in W3C - Filter Effects Module Level 1
- Effect in ArcGIS API for JavaScript.
grayscale Example
{
"type": "grayscale",
"amount": 1
}invert Example
{
"type": "invert",
"amount": 0.5
}sepia Example
{
"type": "invert",
"amount": 0.5
}hue-rotate Example
{
"type": "hue-rotate",
"angle": 60
}blur Example
{
"type": "blur",
"radius": 7.5
}drop-shadow Example
{
"type": "drop-shadow",
"xoffset": 2,
"yoffset": 1,
"blurRadius": 2,
"color": [
0,
0,
0,
255
]
}bloom Example
{
"type": "bloom",
"strength": 2,
"radius": 2,
"threshold": 0.6
}