118
questions
0
votes
0
answers
45
views
How to clip curvedText in fabricjs version 5?
I am using the following code to create curvedText object:
fabric.CurvedText=fabric.util.createClass(fabric.Text, fabric.Collection, /** @lends fabric.CurvedText.prototype */ {
/**
* Type of ...
- 486
1
vote
1
answer
217
views
Fabric JS custom class not recognized with v6 upgraded
I upgraded the fabric js version to v6+, and create class method was removed in this new version. Changed my code as follows to work with new fabric version:
import * as fabric from "fabric";...
- 11
0
votes
0
answers
23
views
How to represent fraction text value like ⅑ but with a straight divider like given in the image?
I am using fabric js textbox and on a click of a button a fraction string gets added to the textbox, Currently as a workaround I'm showing fractions like ⅑ but I have to represent the fractions with a ...
- 39
0
votes
0
answers
24
views
Fabricjs panel containing text boxes should allow for editing text
I have built a panel using fabricjs that contains a list.
Every item is a text, and each text can be edited. The user can move the entire panel on the canvas. See codepen.
The code allows you to edit ...
- 1,815
1
vote
2
answers
1k
views
Implementation of fabric.js in react
I am trying to implement fabric.js in react. I have js code of drawing line using fabric.js
and I want to convert it into react code. can anyone help me
here is my js code. It is running fine in pure ...
1
vote
1
answer
315
views
How to identify the objects color on fabricjs
I have a canvas (with fabricjs working on) where I put rectangles of different colors but with the 50% opacity of the fill color by default.
At the end, I want to set the opacity of every rectangle ...
- 120
1
vote
1
answer
1k
views
Export canvas on fabric.js to an image
I'm using fabric.js to make a draw and export the canvas to a .png without background. The thing is that I've been searching and this is the only thing that, in a way, makes sense to me:
document....
- 120
0
votes
0
answers
118
views
Original Image from Canvas using Fabricjs
I am creating an app in which we need to upload the image to the canvas and finally I need the original image from the canvas with the same height, width and size of the image I uploaded. Right now I ...
0
votes
0
answers
170
views
Converting "Arc" shape code to Fabric.js 521
I'm trying to convert our legacy code, that uses Fabric.js 4.0.0-beta.6, to the latest version but encountered a problem I can't seem to resolve.
I'm trying to draw an arc shape which is going fine in ...
- 694
1
vote
0
answers
82
views
`How to get the relative position of the sub item contained in 'activeselection' in fabricjs'?
Fabricjs version: v4.6.0
const selection = new fabric.ActiveSelection(objs, { canvas })
const childs = selection.getObjects()
console.log('first child position:', childs[0].left, childs[1].top) // -...
- 11
0
votes
1
answer
114
views
canvas.loadFromJSON() showing text bulry for google fonts
I am facing this problem for a long time. I am generating the flipbook from the canvas using Fabricjs. I am changing the text content color and fonts on the fly. Everything is working fine but when I ...
- 626
0
votes
1
answer
547
views
How can I draw a right triangle with fabric js?
function normalTriangle() {
return new fabric.Triangle({
transparentCorners: false,
objectCaching: false,
shapeType: 'normalTriangle'
})
}
canvas = new fabric.Canvas(...
6
votes
1
answer
2k
views
fabric.js: Fill free drawing path as user is drawing (lasso tool)
In fabric.js, we can draw free hand paths (http://fabricjs.com/freedrawing) (http://fabricjs.com/fabric-intro-part-4#free_drawing)
(Yes I've already seen this post and it doesn't solve or reference my ...
- 8,355
0
votes
0
answers
93
views
Fabricjs SBOX_FATAL_MEMORY_EXCEEDED
I am working on a project that requires me to load huge SVG drawings and annotations on top of it from (fabric.js) . After storing the background, I can't load it out again using loadFromJSON. It ...
- 61
3
votes
0
answers
211
views
Is there any way to allow objects only to move within another objects in a canvas in fabric js?
I'm new to fabric js, Simply I want to allow some objects (rectangles) to move within a given object(polygon) as in the diagram. Is there any way to do it in fabric js?
- 71