0

我正在构建一个应用程序,在其中使用html2canvas javascript 库创建特定 div 的画布元素。问题是它不支持 CSS3 旋转属性,因此如果图像在应用程序中旋转 html2canvas 无法正确呈现(它不应用旋转)。

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

4

2 回答 2

1

您可以在其他画布元素中旋转,该元素可以在 html2canvas 中呈现。这是关于该解决方法的帖子:

html2canvas 和 css 变换旋转

于 2015-10-31T08:31:37.267 回答
0

(如果您不需要使用 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

于 2013-05-22T12:28:25.817 回答