在jQuery中旋轉Div元素試圖旋轉div元素......這可能是DOM褻瀆,它可能與canvas元素一起工作嗎?我不確定 - 如果有人對這如何起作用或為什么不起作用有任何想法,我很想知道。謝謝。
3 回答

森林海
TA貢獻2011條經驗 獲得超2個贊
旋轉DIV使用WebkitTransform / -moz-transform: rotate(Xdeg)
。
這在IE中不起作用。Raphael庫可以與IE一起使用,它可以旋轉。我相信它使用canvas
es
如果要為旋轉設置動畫,可以使用遞歸 setTimeout()
你甚至可以用jQuery做一些旋轉 .animate()
確??紤]元素的寬度。如果旋轉寬度大于可見內容的寬度,則會得到有趣的結果。但是,您可以縮小元素的寬度,然后旋轉它們。
這是一個簡單的jQuery片段,用于旋轉jQuery對象中的元素。旋轉可以開始和停止:
$(function() { var $elie = $(selectorForElementsToRotate); rotate(0); function rotate(degree) { // For webkit browsers: e.g. Chrome $elie.css({ WebkitTransform: 'rotate(' + degree + 'deg)'}); // For Mozilla browser: e.g. Firefox $elie.css({ '-moz-transform': 'rotate(' + degree + 'deg)'}); // Animate rotation with a recursive call setTimeout(function() { rotate(++degree); },5); }});
jsFiddle例子
注意:
獲取度數并增加它,將順時針旋轉圖像。降低旋轉度將圖像旋轉該逆時針。

呼啦一陣風
TA貢獻1802條經驗 獲得超6個贊
是的,我想你不會有太多運氣。通常在主要瀏覽器使用的3種繪圖方法(Canvas,SVG,VML)中,文本支持很差,我相信。如果你想旋轉圖像,那么一切都很好,但如果你有格式和樣式的混合內容,可能不是。
查看RaphaelJS獲取跨瀏覽器繪圖API。
- 3 回答
- 0 關注
- 3376 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消