Стань PHP-разработчиком с нуля с трудоустройством в IT-компании

Дерево навыков/Трансформации/ Траектории движения

КатегорияАнимации и трансформацииНавыкТрансформацииКомпонент навыка

Траектории движения

БазовыйПродвинутый

Основано на спецификациях:
  1. Базовый уровень

    • Источник траектории

      Выбирает поддерживаемый тип геометрии как траекторию offset-преобразования.

    • Лучевая траектория

      Формирует прямолинейную траекторию через `ray()`.

    • Траектория basic shape

      Использует поддерживаемую basic shape как геометрию пути.

    • Траектория path data

      Задаёт траекторию через path data.

    • Ссылочная траектория

      Получает траекторию из подходящей ссылочной SVG geometry.

    • Область траектории

      Выбирает reference box для построения и размещения траектории.

    • Прогресс по траектории

      Размещает элемент на заданном расстоянии или проценте длины пути.

    • Ориентация по касательной

      Ориентирует элемент по направлению касательной к траектории.

    • Поправка ориентации

      Добавляет фиксированный угол к автоматической ориентации или задаёт независимый угол.

  2. Продвинутый уровень

    • Начальная позиция

      Задаёт исходную позицию для построения применимого типа траектории.

    • Начало траектории

      Определяет фактическую стартовую точку с учётом типа пути, reference box и `offset-position`.

    • Опорная точка элемента

      Совмещает выбранную точку элемента с вычисленной точкой траектории.

    • Обратная ориентация

      Разворачивает автоматическую ориентацию относительно касательной через `reverse`.

    • Составное offset-преобразование

      Собирает позицию пути, anchor translation и rotation в единое offset-преобразование.

    • Порядок преобразований пути

      Применяет индивидуальные transform-свойства до offset-преобразования, а обычный `transform` — после него.