Задать вопрос
@Tereverda

Смещение группы в fabric.js?

Создаю группу объектов через php массив, и передаю через json в сам fabric.js.
В Группе задаю смещение left и top, но ничего не происходит, не могу найти причину.

$horizontalCreasing = [
            'type'           => 'group',
            "name"           => "horizontal_creasing",
            // смещение вниз
            'left'           => 0,
            'top'            => self::$height,
            'objects'        => [],
        ];

// Объект внутри
        $crease_5 = [
            'type'        => 'line',
            'x1'          => 0,
            'y1'          => 0,
            'x2'          => self::$length - self::$thickness,
            'y2'          => 0,
            'stroke'      => self::$creasingColor,
            'strokeWidth' => 2,
        ];
array_push($horizontalCreasing['objects'], $crease_5);


<canvas id="canvas" width="1000" height="600" data-dieline="{{ json_encode($dieline, JSON_HEX_QUOT|JSON_HEX_APOS) }}"></canvas>


import * as fabric from 'fabric';

// Загружаем данные
let dataCanvas = document.getElementById('canvas');
let dieline    = dataCanvas.dataset.dieline;
let json       = JSON.parse(dieline);

// Fabric.js
const canvas = new fabric.StaticCanvas('canvas');

// Обязательная перерисовка после загрузки
canvas.loadFromJSON(json, function() {
    canvas.requestRenderAll();
    canvas.toSVG();
});
  • Вопрос задан
  • 81 просмотр
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы