Я пытаюсь повернуть и перевести div относительно точки и наткнулся на библиотеку для целей преобразования.
https://github.com/heygrady/transform
Это работает очень хорошо, но когда я пытаюсь выполнить следующие операции
- Поворот
- Перевести на x и y
- Происхождение (0%, 50%)
Это не работает, как ожидалось. Если я перевожу один, это работает хорошо, но происхождение не применяется.
Если я поверну его с указанными выше исходными значениями, он будет вращаться вокруг этой точки, но перевод испортился.
Когда я применяю перевод и вращение вместе, сам div улетает в какое-то нежелательное положение (за пределами экрана).
Хотелось бы узнать, возможно ли применять перевод и вращение одновременно, ожидая при этом желаемых результатов.
И элемент div был помещен с абсолютным.
ниже указан код.
$("#mydiv").transform(
{
origin:['0%','50%'],
rotate:angle+'deg',
translate:[mouse.x+'px',mouse.y+'px']
});
имена переменных внутри моего кода предназначены для понимания того, что они применяются динамически. Или это нужно сделать матричным способом?
С уважением,
Ашок Шринивасан.