亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在jQuery中旋轉Div元素

在jQuery中旋轉Div元素

catspeake 2019-08-27 13:38:28
在jQuery中旋轉Div元素試圖旋轉div元素......這可能是DOM褻瀆,它可能與canvas元素一起工作嗎?我不確定 - 如果有人對這如何起作用或為什么不起作用有任何想法,我很想知道。謝謝。
查看完整描述

3 回答

?
森林海

TA貢獻2011條經驗 獲得超2個贊

旋轉DIV使用WebkitTransform / -moz-transform: rotate(Xdeg)。

這在IE中不起作用。Raphael庫可以與IE一起使用,它可以旋轉。我相信它使用canvases

如果要為旋轉設置動畫,可以使用遞歸 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例子

注意:
獲取度數并增加它,將順時針旋轉圖像。降低旋轉度將圖像旋轉該逆時針。


查看完整回答
反對 回復 2019-08-27
?
呼啦一陣風

TA貢獻1802條經驗 獲得超6個贊

是的,我想你不會有太多運氣。通常在主要瀏覽器使用的3種繪圖方法(Canvas,SVG,VML)中,文本支持很差,我相信。如果你想旋轉圖像,那么一切都很好,但如果你有格式和樣式的混合內容,可能不是。

查看RaphaelJS獲取跨瀏覽器繪圖API。


查看完整回答
反對 回復 2019-08-27
  • 3 回答
  • 0 關注
  • 3376 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號