Попытка использовать простую js-функцию для одновременного поворота и масштабирования с переменной для степеней поворота

#javascript #css-transforms

#javascript #css-transformes

Вопрос:

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

Это работает для поворота с переменной

 var rot=45;//number of degrees
divTag.style.transform="rotate("  rot   "deg)";
 

Это преобразует ось x, но уничтожает поворот

 var rot=45;//number of degrees
divTag.style.transform="rotate("  rot   "deg)";
transform:"scaleX(-1)";
 

Попытка объединить две команды в форму:
transform: rotate() scaleX() возникли проблемы с получением правильного расположения строк и кавычек;

Перепробовали много вариантов, таких как следующие

 var rot=45;//number of degrees
divTag.style.transform='scaleX(-1) rotate("  rot   "deg)"';
 

Может кто-нибудь, пожалуйста, дать мне правильный синтаксис для вышесказанного?

Ответ №1:

Хорошо, я думаю, я понял!!!

divTag.style.transform=»Масштабирование (-1) поворот (» поворот «град)»;