我正在构建一个应用程序,在那里我用html2canvas javascript库创建一个特定div的画布元素。问题是它不支持CSS3旋转属性,所以如果图像在应用程序中旋转,html2canvas不会正确渲染它(它不应用旋转)。
所以,有没有可能旋转一个没有CSS3的HTML对象?
可以在html2canvas中呈现的其他画布元素中旋转。这里有一篇关于这个解决方法的文章:
html2canvas和CSS transform rotate
(如果你不需要使用html2canvas库)
http://www.zachstronaut.com/posts/2009/02/17/animate-css-transforms-firefox-webkit.html在不使用css的情况下旋转对象是不可能的。一些浏览器(如Firefox, Safari, Chrome)有自己的转换
.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