html 2 div插件中css旋转的解决方案是什么？

【问题标题】：What is a solution to css rotatez in the html2div plugi?html 2 div插件中css旋转的解决方案是什么？
【发布时间】：2017-07-23 20:31:04
【问题描述】：

这是我用来旋转图像的 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 插件旋转图像。问题是我正在使用滑块来旋转图像，我不知道如何将其转换为 JavaScript 以使用 UI 滑块有人可以给我一个起点吗？ http://jsfiddle.net/davadi/3d3wbpt7/2/

【问题讨论】：

标签： javascript jquery html css image

【解决方案1】：

你可以很容易地做到这一点，无需任何插件

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

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

然后像这样改变变换属性：

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

【讨论】：

谢谢你的回答，但我必须像这样在画布上旋转图像`ctx.rotate(90*Math.PI/180);`
@user1119742 也许你可以编辑你的问题更具体。最初的问题没有提到使用画布；画布完全不同。
您好，感谢您的回复。基本上我想做的是在画布上使用 jquery Ui 旋转图像，我必须这样做，因为我构建了一个使用 html2canvas 插件的 Web 应用程序，而这个插件不支持 css 旋转，我必须先使用 JavaScript 旋转图像我使用 html2canvas 插件