跳转到内容
搜索
Ctrl
K
取消
选择主题
深色
浅色
自动
首页
演示集
文档
Api 规格
开发团队
|
参考文档
介绍 FabricJS
新手启航
入门
开始
你的第一个app
简介:1.对象、画布、图像、路径
简介:2.动画、颜色、文本、事件
简介:3.组、序列化、子类化
简介:4.绘制、定制化、node应用
简介:5.缩放、平移
简介:6.变换
简介:7.剪裁路径介绍
简介:8.剪裁路径更多高级用法
简介:9.剪裁画布
简介:10.使用绝对定位的剪裁路径
配置默认属性
配置控制
对象和定制属性
核心概念
理解FabricJS
进阶
理解 FabricJS
变换
升级
破坏性更改 &升级向导
升级到 FabricJS 6.0
升级到 fabric 2.x
升级到 fabric 4.x
升级到 fabric 5.x
旧文档
版本更新记录-v2-v5
版本更新记录 v1
自定义控制API
Fabric 滤镜
对象,属性和行为的缓存
FabricJS 文本
常见问题列表
渐变色
子类化文本类建立一个图片文本
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
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
GitHub
选择主题
深色
浅色
自动
TOriginX
TOriginX
:
"center"
|
"left"
|
"right"
|
number
Defined in
src/typedefs.ts:75