有没有可能旋转没有CSS3的HTML对象

Is it possible to rotate HTML object without CSS3?

本文关键字:HTML 对象 旋转 有可能 CSS3      更新时间:2023-09-26

我正在构建一个应用程序,在那里我用html2canvas javascript库创建一个特定div的画布元素。问题是它不支持CSS3旋转属性,所以如果图像在应用程序中旋转,html2canvas不会正确渲染它(它不应用旋转)。

所以,有没有可能旋转一个没有CSS3的HTML对象?

可以在html2canvas中呈现的其他画布元素中旋转。这里有一篇关于这个解决方法的文章:

html2canvas和CSS transform rotate

(如果你不需要使用html2canvas库)

在不使用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