Создание составной матрицы преобразования — перспектива и смещениеCSS

Разбираемся в CSS
Ответить
Anonymous
 Создание составной матрицы преобразования — перспектива и смещение

Сообщение Anonymous »

Я пытаюсь создать составную матрицу преобразования, используя отдельные матрицы 4x4, полученные на основе значений следующих свойств:

Код: Выделить всё

perspective

Код: Выделить всё

transform

Код: Выделить всё

transform-origin
Спецификация описывает порядок, которому следует следовать при вычислении матрицы преобразования:

Матрица преобразования вычисляется на основе преобразования,

Код: Выделить всё

transform-originСвойства 
, перевода, поворота, масштабирования и смещения следующим образом
:
  • Начните с единичной матрицы.
  • Переведите с помощью вычисленных значений X, Y и Z преобразования- origin.
  • Перевести с помощью вычисленных значений X, Y и Z функции перевода.
  • Поворот на вычисленный вокруг указанной оси вращения.

    Масштабирование по вычисленным значениям масштаба X, Y и Z.
  • Перевести и повернуть с помощью преобразования, указанного смещением.
  • Умножить на каждую из функций преобразования в Transform слева
    направо.
  • Перевести с использованием отрицательных вычисленных значений X, Y и Z

    Код: Выделить всё

    transform-origin
    .
У меня есть два вопроса по этому поводу:

Вопрос 1: перспектива
Почему в спецификации не упоминается перспектива ? Разве это не часть комплексной трансформации? Если да, то в каком порядке он будет находиться?

Вопрос 2: смещениеКак мне преобразовать значение смещения в матрицу 4x4 для умножения на другие?
Мне удалось преобразовать все остальные значения в Матрицы 4x4, но я не знаю, что с этим делать. — это сокращение для пяти значений. Я не уверен, как объединить эти пять в одну матрицу — или это будут пять отдельных матриц, которые умножаются одна за другой? В любом случае, мне удалось найти информацию обо всех остальных матрицах, но не о смещении.
Некоторые свойства, такие как offset-path, могут быть очень сложно, поэтому я понятия не имею, с чего начать. Информации скудно по сравнению с тем, что мне удалось найти.

Подробнее здесь: https://stackoverflow.com/questions/786 ... and-offset
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»