move to Canvas
Indicates which key enable alternate action on corner
values: 'altKey', 'shiftKey', 'ctrlKey'.
If null or 'none' or any other string that is not a modifier key
feature is disabled feature disabled.
1.6.2
Indicates which key enable alternative selection
in case of target overlapping with active object
values: 'altKey', 'shiftKey', 'ctrlKey'.
For a series of reason that come from the general expectations on how
things should work, this feature works only for preserveObjectStacking true.
If null or 'none' or any other string that is not a modifier key
feature is disabled.
1.6.5
Background color of canvas instance.
Optional backgroundBackground image of canvas instance. since 2.4.0 image caching is active, please when putting an image as background, add to the canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom vale. As an alternative you can disable image objectCaching
if set to false background image is not affected by viewport transform
1.6.3
we should really find a different way to do this
Indicates which key enable centered Transform
values: 'altKey', 'shiftKey', 'ctrlKey'.
If null or 'none' or any other string that is not a modifier key
feature is disabled feature disabled.
1.6.2
When true, objects use center point as the origin of rotate transformation. Backwards incompatibility note: This property replaces "centerTransform" (Boolean).
1.3.4
When true, objects use center point as the origin of scale transformation. Backwards incompatibility note: This property replaces "centerTransform" (Boolean).
1.3.4
Optional clipa fabricObject that, without stroke define a clipping area with their shape. filled in black the clipPath object gets used when the canvas has rendered, and the context is placed in the top left corner of the canvas. clipPath will clip away controls, if you do not want this to happen use controlsAboveOverlay = true
Default element class that's given to wrapper (div) element of canvas
Indicates whether object controls (borders/controls) are rendered above overlay image
move to Canvas
Default cursor value used for the entire canvas
default
When the option is enabled, PointerEvent is used instead of TPointerEvent.
When true, canvas is scaled by devicePixelRatio for better rendering on retina screens
Indicates if the canvas can fire middle click events
1.7.8
Indicates if the canvas can fire right click events
1.6.5
Cursor value used during free drawing
crosshair
Height in virtual/logical pixels of the canvas. The canvas can be taller than width if retina scaling is active
Default cursor value used when hovering over an object on canvas
move
Indicates whether this canvas will use image smoothing, this is on by default in browsers
Indicates whether toObject/toDatalessObject should include default values if set to false, takes precedence over the object value.
Default cursor value used when moving an object on canvas
move
Cursor value used for disabled elements ( corners with disabled action )
2.0.0
not-allowed
Overlay color of canvas instance.
1.3.9
Optional overlayOverlay image of canvas instance. since 2.4.0 image caching is active, please when putting an image as overlay, add to the canvas property a reference to the canvas it is on. Otherwise the image cannot detect the zoom vale. As an alternative you can disable image objectCaching
if set to false overlay image is not affected by viewport transform
1.6.3
we should really find a different way to do this
When true, object detection happens on per-pixel basis rather than on per-bounding-box
Indicates whether objects should remain in current stack position when selected. When false objects are brought to top and rendered as part of the selection group
Indicates whether StaticCanvas#add, StaticCanvas#insertAt and StaticCanvas#remove, StaticCanvas#moveTo, StaticCanvas#clear and many more, should also re-render canvas. Disabling this option will not give a performance boost when adding/removing a lot of objects to/from canvas at once since the renders are queued and executed one per frame. Disabling is suggested anyway and managing the renders of the app manually is not a big effort ( canvas.requestRenderAll() ) Left default to true to do not break documentation and old app, fiddles.
Indicates whether group selection should be enabled
Color of the border of selection (usually slightly darker than color of selection itself)
Color of selection
Default dash array pattern If not empty the selection border is dashed
Select only shapes that are fully contained in the dragged selection rectangle.
Indicates which key or keys enable multiple click selection
Pass value as a string or array of strings
values: 'altKey', 'shiftKey', 'ctrlKey'.
If null or empty or containing any other string that is not a modifier key
feature is disabled.
1.6.2
Width of a line used in object/group selection
Based on vptCoords and object.aCoords, skip rendering of objects that are not included in current viewport. May greatly help in applications with crowded canvas and use of zoom/pan If One of the corner of the bounding box of the object is on the canvas the objects get rendered.
true
When true, target detection is skipped. Target detection will return always undefined.
click selection won't work anymore, events will fire with no targets.
if something is selected before setting it to true, it will be deselected at the first click.
area selection will still work. check the selection property too.
if you deactivate both, you should look into staticCanvas.
Indicates if the right click on canvas can output the context menu or not
1.6.5
When true, getSvgTransform() will apply the StaticCanvas.viewportTransform to the SVG transformation. When true, a zoomed canvas will then produce zoomed SVG output.
Number of pixels around target pixel to tolerate (consider active) during object detection
Indicates which key switches uniform scaling.
values: 'altKey', 'shiftKey', 'ctrlKey'.
If null or 'none' or any other string that is not a modifier key
feature is disabled.
totally wrong named. this sounds like uniform scaling
if Canvas.uniformScaling is true, pressing this will set it to false
and viceversa.
1.6.2
When true, objects can be transformed by one side (unproportionately) when dragged on the corners that normally would not do that.
fabric 4.0 // changed name and default value
The transformation (a Canvas 2D API transform matrix) which focuses the viewport
Default transform
canvas.viewportTransform = [1, 0, 0, 1, 0, 0];
Scale by 70% and translate toward bottom-right by 50, without skewing
canvas.viewportTransform = [0.7, 0, 0, 0.7, 50, 50];
Width in virtual/logical pixels of the canvas. The canvas can be larger than width if retina scaling is active
Generated using TypeDoc
Indicates whether the browser can be scrolled when using a touchscreen and dragging on the canvas