All Questions
705
questions
1
vote
0
answers
42
views
Cannot drag within the canvas and click on objects
I have a canvas that has objects that I only need the ability to click on, the thing is that the canvas is much bigger than the container that contains it, so I enabled overflow and the option to ...
0
votes
3
answers
95
views
Show outside element part with opacity - fabric js - controlsAboveOverlay
The controlsAboveOverlay is a property in Fabric.js. It's a boolean that, when set to true, renders controls (borders, corners, etc.) of an object above the overlay image. The overlay image is an ...
- 3,176
0
votes
0
answers
27
views
Add rotation functionality on click of rotation pointer using mouse move
I'm currently working on a canvas drawing application where I have implemented a function to draw a rectangle with resize pointers on its corners and sides. Now, I'm looking to enhance it by adding ...
- 16
0
votes
0
answers
53
views
How we can to apply filter on TextBox or IText?
Just the same, we can apply filters on Fabric Js Image object I am trying to find a way to apply the same filters on text also.
Currently, I am using Fabric JS TextBox as a text element.
I tried the ...
- 1
0
votes
0
answers
71
views
Out of Memory error in Fabric.js canvas causing blank screen in Chrome in mobile Devices
Description:
I am encountering an issue while using Fabric.js canvas for rendering objects onto the canvas. During the process, the canvas becomes blank, and Chrome throws an "Out of Memory" ...
- 21
0
votes
0
answers
74
views
Canva and Polotno responsive page
I built a web app like Canva and Polotno using FabricJs .... but i stuck on a problem related to responsive
polotno editor
In Polotno, the canvas page always fits the user device size (width & ...
0
votes
1
answer
180
views
Setting Fabric.js canvas background with unsaved webcam image
I'm using the Media Capture and Streams API to initialize the webcam and allow users to capture photos from the webcam stream. I'm also experimenting with Fabric.js to allow users to edit/markup the ...
0
votes
1
answer
62
views
How do I remove the middle top corner and border of selectable
I'm new to fabric js and trying to change the style of selectable.
I want to customize the Selectable.
Before the CSS was (https://i.sstatic.net/Kkrs0.png)
I changed it to
(https://i.sstatic.net/hN7QR....
- 11
1
vote
2
answers
451
views
How to Keep Object on Top Layer When Selecting an another Object in Fabric.js Canvas?
I'm working on a project where I'm using the Fabric.js library to create a canvas with text and images. I have a requirement where I want to ensure that the text always remains on the top layer, even ...
0
votes
0
answers
34
views
FabricJS: Center new object in canvas after zoom and change size
I'm using FabricJS 1.7.9 and when I load my canvas it has an initial size of 216x216 pixels which has text elements. When I insert an SVG object with a width of 90px, I use a function which allows me ...
- 609
1
vote
0
answers
703
views
dom-to-image is not working in safari when trying to convert more than one image to JPEG
I want to create a website where the user can customize t-shirts. The user can upload a picture which is then added to a canvas (user can resize and move the picture on the canvas, this is done with ...
- 520
0
votes
0
answers
30
views
How can i use three identical figures in fabric js canvas
I didn't understand how to create three figures with the same size, but different color.
Help is needed in correctly putting the names of functions and other things, I myself do not know how to do it ...
- 1
1
vote
0
answers
56
views
Fabric js groups the SVG file as a whole, not by the <g> tag
Colleagues, good afternoon! Please tell me there is a task to get SVG to make it interactive. In fact, there are SVG elements in it that the user can select. SVG itself consists of tags of SVG groups....
0
votes
1
answer
386
views
FabricJS 'freeDrawingBrush' not working on touchscreen
Code works fine on desktop but for some reason not on mobile (iOS or Android).
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/...
- 3
1
vote
0
answers
66
views
Why isn't my SVG centering with the group?
I am able to load a svg and two textboxes into a fabric canvas with the text below the svg.
However, when I try to group all three of these to center the group, I am unable to group the svg with the ...
- 11