Canvas теряет стиль при создании объекта canvas.js

Question

У меня есть объект Canvas с атрибутами top и left, определенными с помощью предыдущей функции JavaScript, но когда я создаю объект Canvas ткани

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

, мой HTML-холст имеет атрибуты top и left, установленные на 0.

Я попытался установить атрибуты top и left после создания объекта Canvas из ткани через скрипт, но когда я это делаю, холст меняет положение, но функция ткани (функции выбора и перемещения) остаются там, где ранее был холст.(где ткань Canvas разместила его)!

Что я могу сделать, чтобы разрешить этот конфликт?Есть ли способ сохранить равный холст?

Answer 1

Когда вы создаете холст с помощью Fabric.js, он оборачивает его в div и добавляет второй <canvas> (используется для выбора объектов, отображаемых на первом холсте). Это объясняется на вики-странице Fabric.js. Если вы хотите расположить свой холст, примените правила CSS к родительскому элементу div, который принадлежит классу "canvas-container".

Answer 2

Обратите внимание, что если вы используете какой-то препроцессор css (для меня это была таблица стилей scss внутри Angular) - ориентация на класс "canvas-container" внутри файла scss компонента не будет работать. Для меня обходной путь был общим css-файлом проекта.

Answer 3

ответ от моей идентичной темы

применить

margin: 0 auto;

для класса = canvas-container

холст-контейнер автоматически создается тканью.

см. скрипка