我正在构建一个应用程序,在其中使用html2canvas javascript 库创建特定 div 的画布元素。问题是它不支持 CSS3 旋转属性,因此如果图像在应用程序中旋转 html2canvas 无法正确呈现(它不应用旋转)。
那么,是否可以在没有 CSS3 的情况下旋转 HTML 对象?
我正在构建一个应用程序,在其中使用html2canvas javascript 库创建特定 div 的画布元素。问题是它不支持 CSS3 旋转属性,因此如果图像在应用程序中旋转 html2canvas 无法正确呈现(它不应用旋转)。
那么,是否可以在没有 CSS3 的情况下旋转 HTML 对象?
您可以在其他画布元素中旋转,该元素可以在 html2canvas 中呈现。这是关于该解决方法的帖子:
(如果您不需要使用 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