thehighhomie
@thehighhomie

Почему не получается правильно трансформировать объекты?

Пишу рендер html контейнера по переданному json'у fabricjs.

У меня не получается правильно позиционировать и трансформировать объекты как на холсте.

Знания fabricjs не нужны, просто обратите внимание на функцию toHtml, в самом низу файла, там простой js код с комментарием о свойствах объекта.

Песочница с примером: https://codesandbox.io/s/ymm1yp7vox Нужный код находится в ./src/app.js

Сверху холст с картинкой, а снизу рендерится контейнер, там сразу видно, что картинка ушла вправо. Как бы я не крутил, не вертел, не получается понять как нужно правильно реализовать это.
  • Вопрос задан
  • 130 просмотров
Решения вопроса 1
JRK_DV
@JRK_DV
Рецепты https://codepen.io/jrkdv/full/LKLXdq
для #container не хватает position: relative;
для поворачиваемого слоя (внутри которого картинка) не хватает transform-origin: left top;
проверял на варианте rotate\scale
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы