Создаю группу объектов через 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();
});