I'm working on converting HTML into FabricJS objects on a canvas. I want to take arbitrary HTML and translate its visual elements into corresponding FabricJS primitives (Textbox, Rect, Circle, Image, ...

I do not understand this relative positions in FabricJs. The docu is simple to understand, it states that setRelativeX sets the position relative to the parent, like a group. I try to use that but the ...

I tried to use the Fabric.js library to draw on the HTML5 canvas, but it does not do anything. It is an Angular 19 project. This code should be enough to use Fabric? ngAfterViewInit() { ...

I'm adding fabric rect like this: import * as fabric from 'fabric'; addBlurBox() { const rect = new fabric.Rect({ left: 100, top: 100, width: 200, height: 150, fill: '...

For those of you who have worked with Fabric.js, I'm building an editor and I'm trying to replicate the selection and editing behavior that canva.com has — especially how it treats groups and text ...

I'm trying to understand the relationship between setViewportTransform vs. setZoom and absolutePan. Sadly the documentation on this seems very brief and doesn't have my answer. I have some code that ...

I’m building a Vue 3 project with Vite, and trying to integrate fabric.js (v6.7.0) to allow drawing on a PDF rendered using pdf.js. Here’s the problem: I installed fabric via: npm install fabric Then ...

I'm experiencing an issue with mouse wheel/trackpad scrolling events in a MAUI Blazor app that contains a Fabric.js canvas. Problem Description: When scrolling horizontally with a trackpad, the ...

Fabric.js: Text Properties (Stroke, Shadow, Background) Not Exporting Correctly to SVG I'm using Fabric.js to create and manipulate text objects on a canvas. When I export the canvas content to SVG ...

I need to add a new container with a dynamic image inside the canvas. I checked the code and am new to learn Typescript. So I need a help here. This is render part of the code render() { const { ...

I'm trying to achieve a "bent" effect with an image in Fabric.js. Specifically, I want to manipulate the positions of the corners (for example, the top-right and bottom-right corners) of an ...

I am developing a web based application using Dancer2. I want to use Fabric.js to make an interactive drawing. However, I am unable to execute even the simplest drawing. I can make a drawing as a ...

Im writing a crop functionality for my fabric Js module in Angular. addImage(event: Event) { const input = event.target as HTMLInputElement; if (input.files && input.files[0]) { const file = ...

I was trying to setup fabricjs in my application. since application uses micro-frontends , I use @angular-architects/module-federation for custom builder. when I install fabricjs it breaks otherwise ...

I'm working with Fabric.js (v5.3.0) in a Vue3 project and having trouble understanding nested group positioning. Here's my simplified setup: const rect1 = new fabric.Rect({ width: 60, height:...