Question

我正在构建一个应用程序，在其中我使用html2canvas javascript库创建特定div的canvas元素。问题是它不支持CSS3旋转属性，因此如果在应用程序中旋转图像html2canvas无法正确渲染它（它不会应用旋转）。

那么，是否可以在没有CSS3的情况下旋转HTML对象？

Answer 1

（如果你不需要使用html2canvas库perse）

在不使用css的情况下旋转对象是不可能的。某些浏览器（例如Firefox，Safari，Chrome）有自己的转换标签在这里解释：

http://www.zachstronaut.com/posts/2009/02/17/animate-css-transforms-firefox-webkit.html

.transformed {
    -webkit-transform: rotate(15deg) scale(1.25, 0.5);
    -moz-transform: rotate(15deg) scale(1.25, 0.5);
    -ms-transform: rotate(15deg) scale(1.25, 0.5);
    transform: rotate(15deg) scale(1.25, 0.5);
}

<强>附加

对于你可以使用jquery旋转插件的图像：

https://code.google.com/p/jqueryrotate/

对于其他对象旋转，这可能是一种可能的解决方案，但我没有任何经验：

http://coursesweb.net/javascript/rotate-html-objects-div-span-image-jquery_t

Answer 2

你可以在另一个canvas元素中旋转，可以在html2canvas中渲染。这是关于该解决方法的帖子：

html2canvas and css transform rotate

是否可以在没有CSS3的情况下旋转HTML对象？

2 个答案: