Home/ Questions/Q 8505799
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T02:25:19+00:00

I have a Canvas Object with top and left attributes defined through with a

  • 0

I have a Canvas Object with top and left attributes defined through with a previous JavaScript function but when I create a fabric Canvas object

  var fabricCanvas= new fabric.Canvas('mycanvas');

my HTML Canvas has top and left attributes set on 0.

I have tried setting the top and left attributes after the creation of fabric Canvas object through a script but when I do this the canvas changes position but the fabric function (selection and moving functions) remain where the canvas was located previously (where fabric Canvas has positioned it)!

What can I do to resolve this conflict? Is there a way to keep equal the canvas?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    When you create a canvas with Fabric.js it wraps it in a div and adds a second <canvas> (used to select the objects rendered in the first canvas). This is explained in the wiki page of Fabric.js. If you want to position your canvas apply CSS rules to the parent div element which is of the class “canvas-container”.

    • 0