Skip to content
Search
Ctrl
K
Cancel
Home
Demos
Docs
Api specs
Team
Docs
Getting started
Getting started
Your first app
Core concepts
Configuring defaults properties
Configuring controls
Working with events
Objects and custom properties
Caching of object, properties and beahvior
Introduction to Fabric.js
Old docs
Changelog
Changelog v1
ClipPath introdcution
ClipPath more advanced use cases
ClipPath - clipping the canvas
Clipping the objects with absolute clipPaths
Custom controls api
Fabric filters
Introduction to Fabric.js. Part 1
Introduction to Fabric.js. Part 2
Introduction to Fabric.js. Part 3
Introduction to Fabric.js. Part 4
Introduction to Fabric.js. Part 5
Fabric.js Text
Frequent issues / gotchas
Gradients
Subclassing Text class to make a bitmap text
Breaking changes upgrade guide
Using transformations
Upgrade to fabric 2.x
Upgrade to fabric 4.x
Upgrade to fabric 5.x
Transformations
Upgrading
Upgrading to Fabric.js 6.0
Fabric.js
Api
fabric
classes
ActiveSelection
BaseBrush
BaseFabricObject
Canvas
Canvas2dFilterBackend
CanvasDOMManager
Circle
CircleBrush
ClipPathLayout
Color
Control
Ellipse
FabricImage
FabricObject
FabricText
FitContentLayout
FixedLayout
Gradient
Group
InteractiveFabricObject
Intersection
IText
LayoutManager
LayoutStrategy
Line
Observable
Path
Pattern
PatternBrush
PencilBrush
Point
Polygon
Polyline
Rect
Shadow
SprayBrush
StaticCanvas
StaticCanvasDOMManager
Textbox
Triangle
WebGLFilterBackend
functions
createCollectionMixin
getCSSRules
getEnv
getFabricDocument
getFabricWindow
getFilterBackend
initFilterBackend
isPutImageFaster
isWebGLPipelineState
loadSVGFromString
loadSVGFromURL
parseAttributes
parseFontDeclaration
parsePointsAttribute
parseStyleAttribute
parseSVGDocument
parseTransformAttribute
setEnv
setFilterBackend
interfaces
ActiveSelectionOptions
BasicTransformEvent
CanvasEvents
CanvasOptions
CircleProps
CollectionEvents
DragEventData
DropEventData
EllipseProps
FabricObjectProps
GroupEvents
GroupOwnProps
GroupProps
ImageProps
ITextProps
MiscEvents
ModifiedEvent
ModifyPathEvent
ObjectEvents
PathProps
RectProps
SerializedCircleProps
SerializedEllipseProps
SerializedGroupProps
SerializedImageProps
SerializedITextProps
SerializedLineProps
SerializedObjectProps
SerializedPathProps
SerializedPolylineProps
SerializedRectProps
SerializedTextboxProps
SerializedTextProps
StaticCanvasEvents
StaticCanvasOptions
TEvent
TextboxProps
TextProps
TPointerEventInfo
XY
namespaces
controlsUtils
controlsUtils
functions
changeWidth
createObjectDefaultControls
createPathControls
createPolyActionHandler
createPolyControls
createPolyPositionHandler
createResizeControls
createTextboxDefaultControls
factoryPolyActionHandler
getLocalPoint
polyActionHandler
renderCircleControl
renderSquareControl
rotationStyleHandler
rotationWithSnapping
scaleCursorStyleHandler
scaleOrSkewActionName
scaleSkewCursorStyleHandler
scalingEqually
scalingX
scalingXOrSkewingY
scalingY
scalingYOrSkewingX
skewCursorStyleHandler
skewHandlerX
skewHandlerY
wrapWithFireEvent
wrapWithFixedAnchor
type-aliases
PathPointControlStyle
filters
filters
classes
BaseFilter
BlendColor
BlendImage
Blur
Brightness
ColorMatrix
Composed
Contrast
Convolute
Gamma
Grayscale
HueRotation
Invert
Noise
Pixelate
RemoveColor
Resize
Saturation
Vibrance
type-aliases
TBlendMode
TResizeType
variables
BlackWhite
Brownie
Kodachrome
Polaroid
Sepia
Technicolor
Vintage
util
util
functions
addTransformToObject
animate
animateColor
applyTransformToObject
calcAngleBetweenVectors
calcDimensionsMatrix
calcPlaneChangeMatrix
calcVectorRotation
cancelAnimFrame
capValue
composeMatrix
copyCanvasElement
cos
createCanvasElement
createImage
createRotateMatrix
createScaleMatrix
createSkewXMatrix
createSkewYMatrix
createTranslateMatrix
createVector
crossProduct
degreesToRadians
dotProduct
enlivenObjectEnlivables
enlivenObjects
findScaleToCover
findScaleToFit
getBoundsOfCurve
getOrthonormalVector
getPathSegmentsInfo
getPointer
getPointOnPath
getRandomInt
getRegularPolygonPath
getSmoothPathFromPoints
getSvgAttributes
getUnitVector
groupSVGElements
hasStyleChanged
invertTransform
isBetweenVectors
isIdentityMatrix
isTouchEvent
isTransparent
joinPath
loadImage
magnitude
makeBoundingBoxFromPoints
makePathSimpler
matrixToSVG
mergeClipPaths
multiplyTransformMatrices
multiplyTransformMatrixArray
parsePath
parsePreserveAspectRatioAttribute
parseUnit
pick
projectStrokeOnPoints
qrDecompose
radiansToDegrees
removeFromArray
removeTransformFromObject
request
requestAnimFrame
resetObjectTransform
rotatePoint
rotateVector
saveObjectTransform
sendObjectToPlane
sendPointToPlane
sendVectorToPlane
setStyle
sin
sizeAfterTransform
stylesFromArray
stylesToArray
toDataURL
toFixed
transformPath
transformPoint
namespaces
ease
ease
functions
defaultEasing
easeInBack
easeInBounce
easeInCirc
easeInCubic
easeInElastic
easeInExpo
easeInOutBack
easeInOutBounce
easeInOutCirc
easeInOutCubic
easeInOutElastic
easeInOutExpo
easeInOutQuad
easeInOutQuart
easeInOutQuint
easeInOutSine
easeInQuad
easeInQuart
easeInQuint
easeInSine
easeOutBack
easeOutBounce
easeOutCirc
easeOutCubic
easeOutElastic
easeOutExpo
easeOutQuad
easeOutQuart
easeOutQuint
easeOutSine
string
string
functions
capitalize
escapeXml
graphemeSplit
type-aliases
AnimationOptions
AnimationState
ArrayAnimationOptions
ColorAnimationOptions
EnlivenObjectOptions
LoadImageOptions
TAbortCallback
TAnimation
TAnimationBaseOptions
TAnimationCallbacks
TAnimationOptions
TArcCommand
TArcCommandSingleFlag
TBaseAnimationOptions
TClosePathCommand
TComplexParsedCommand
TComplexParsedCommandType
TComplexPathData
TComposeMatrixArgs
TCubicCurveCommand
TCubicCurveShortcutCommand
TCurveInfo
TEasingFunction
TEndPathInfo
TextStyleArray
THorizontalLineCommand
TLineCommand
TMoveToCommand
TOnAnimationChangeCallback
TParsedAbsoluteArcCommand
TParsedAbsoluteClosePathCommand
TParsedAbsoluteCubicCurveCommand
TParsedAbsoluteCubicCurveShortcutCommand
TParsedAbsoluteHorizontalLineCommand
TParsedAbsoluteLineCommand
TParsedAbsoluteMoveToCommand
TParsedAbsoluteQuadraticCurveCommand
TParsedAbsoluteQuadraticCurveShortcutCommand
TParsedAbsoluteVerticalLineCommand
TParsedArcCommand
TParsedClosePathCommand
TParsedCommand
TParsedCubicCurveCommand
TParsedCubicCurveShortcutCommand
TParsedHorizontalLineCommand
TParsedLineCommand
TParsedMoveToCommand
TParsedQuadraticCurveCommand
TParsedQuadraticCurveShortcutCommand
TParsedRelativeArcCommand
TParsedRelativeClosePathCommand
TParsedRelativeCubicCurveCommand
TParsedRelativeCubicCurveShortcutCommand
TParsedRelativeHorizontalLineCommand
TParsedRelativeLineCommand
TParsedRelativeMoveToCommand
TParsedRelativeQuadraticCurveCommand
TParsedRelativeQuadraticCurveShortcutCommand
TParsedRelativeVerticalLineCommand
TParsedVerticalLineCommand
TPathSegmentCommandInfo
TPathSegmentInfo
TPathSegmentInfoCommon
TPointAngle
TProjection
TProjectStrokeOnPointsOptions
TQrDecomposeOut
TQuadraticCurveCommand
TQuadraticCurveShortcutCommand
TRotateMatrixArgs
TScaleMatrixArgs
TSimpleParseCommandType
TSimpleParsedCommand
TSimplePathData
TTranslateMatrixArgs
TVerticalLineCommand
ValueAnimationOptions
type-aliases
Abortable
CanvasPointerEvents
CircleBrushPoint
CollectionChangeLayoutContext
ColorStop
CommonLayoutContext
CompleteTextStyleDeclaration
Constructor
ControlActionHandler
ControlCallback
ControlCursorCallback
CursorBoundaries
CursorRenderingData
DrawContext
GradientCoords
GradientCoordValue
GradientOptions
GradientType
GradientUnits
GraphemeBBox
GraphemeData
ImageFormat
ImageSource
ImperativeLayoutContext
ImperativeLayoutOptions
InitializationLayoutContext
IntersectionType
ITextEvents
LayoutAfterEvent
LayoutBeforeEvent
LayoutContext
LayoutResult
LayoutStrategyResult
LayoutTrigger
LinearGradientCoords
ModifierKey
MultiSelectionStacking
ObjectModificationEvents
ObjectModifiedLayoutContext
ObjectModifyingLayoutContext
ObjectPointerEvents
PatternOptions
PatternRepeat
Percent
RadialGradientCoords
RegistrationContext
SerializedLayoutManager
SerializedPatternOptions
SerializedShadowOptions
SprayBrushPoint
StrictLayoutContext
SupportedSVGUnit
SVGElementName
SVGOptions
T2DPipelineState
TAxis
TAxisKey
TBBox
TBrushEventData
TCacheCanvasDimensions
TCanvasSizeOptions
TClassProperties
TColorArg
TCornerPoint
TCrossOrigin
TDataUrlOptions
TDegree
TextStyle
TextStyleDeclaration
TFabricObjectProps
TFiller
TMat2D
TMatColorMatrix
TModificationEvents
TOptionalModifierKey
TOptions
TOriginX
TOriginY
TPathAlign
TPathSide
TPipelineResources
TPointerEvent
TPointerEventNames
TProgramCache
TRadian
Transform
TransformAction
TransformActionHandler
TRectBounds
TRGBAColorSource
TRGBColorSource
TSize
TSVGExportOptions
TSVGReviver
TTextureCache
TToCanvasElementOptions
TValidToObjectMethod
TWebGLAttributeLocationMap
TWebGLPipelineState
TWebGLProgramCacheItem
TWebGLUniformLocationMap
variables
cache
classRegistry
config
iMatrix
runningAnimations
version
Fabric.js v5
Select theme
Dark
Light
Auto
Sepia
const
Sepia
:
typeof
ColorMatrix
Defined in:
src/filters/ColorMatrixFilters.ts:70
