使用 jQuery 擷取元素旋轉值
在 CSS 中,通常使用 -moz-transform 屬性對元素套用轉換。然而,使用 jQuery 從該屬性中提取特定的旋轉值一直是一項挑戰。
問題:
如何取得應用於特定HTML 元素的數位旋轉值透過jQuery,儘管它儲存在複雜的矩陣轉換中string?
答案:
此解決方案提供了一個jQuery函數,可以從-moz-transform 屬性中提取旋轉度數:
function getRotationDegrees(obj) { var matrix = obj.css("-webkit-transform") || obj.css("-moz-transform") || obj.css("-ms-transform") || obj.css("-o-transform") || obj.css("transform"); if(matrix !== 'none') { var values = matrix.split('(')[1].split(')')[0].split(','); var a = values[0]; var b = values[1]; var angle = Math.round(Math.atan2(b, a) * (180/Math.PI)); } else { var angle = 0; } return (angle < 0) ? angle + 360 : angle; }
用法:
檢索旋轉值對於類myDiv 的元素,使用:
angle1 = getRotationDegrees($('#myDiv'));
angle2 = getRotationDegrees($('.mySpan a:last-child'));
以上是如何使用 jQuery 從元素的 CSS 轉換中提取旋轉值?的詳細內容。更多資訊請關注PHP中文網其他相關文章!