是否可以在不使用CSS3的情況下旋轉HTML對象？

Question

我正在構建一個應用程序，其中我使用html2canvas javascript庫創建特定div的畫布元素。問題是它不支持CSS3旋轉屬性，所以如果圖像在應用程序中旋轉，html2canvas不會正確呈現它（它不適用旋轉）。

那麼，是否可以旋轉一個沒有CSS3的HTML對象？

Answer 1

（如果您不需要使用html2canvas庫深灰色）

這不是（還）不利用CSS的旋轉物體。 有些瀏覽器（如火狐，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