javascript - html 2 div 插件中 css rotatey 的解决方案是什么？

Question

这是我用来旋转图像的 css

'-webkit-transform': 'rotateZ(' + ui.value + 'deg)',
'-moz-transform': 'rotateZ(' + ui.value + 'deg)',
'-o-transform': 'rotateZ(' + ui.value + 'deg)',
'transform': 'rotateZ(' + ui.value + 'deg)',

根据我阅读的有关该主题的内容，您必须在使用 canvas2html 之前使用 JavaScript 旋转图像。我必须找到一种方法将上述 css 转换为 JavaScript 以使用 html2div 插件旋转图像。问题是我正在使用 slider 旋转图像，但我不知道如何将其转换为 JavaScript 以使用 UI slider ，有人可以给我一个起点吗？ http://jsfiddle.net/davadi/3d3wbpt7/2/

Answer 1

无需任何插件即可轻松完成此操作

首先选择要旋转的元素并将其保存为 JavaScript 变量:

var element = document.getElementById('myElement');

然后像这样改变 transform 属性:

element.style.transform = 'rotateZ(' + ui.value + 'deg)';