Bagaimana untuk Mengekstrak Sudut Putaran dari -moz-transform dalam jQuery?

Menentukan Sudut Putaran Elemen dengan -moz-transform Property dalam jQuery

jQuery membolehkan anda mendapatkan dan memanipulasi pelbagai aspek gaya elemen, termasuk transformasinya. Soalan ini memfokuskan pada mengekstrak nilai putaran yang digunakan pada elemen menggunakan sifat -moz-transform secara khusus.

Gaya CSS yang disediakan menunjukkan transformasi untuk lapisan yang merangkumi putaran 7.5 darjah. Menggunakan coretan kod:

$('.element').css("-moz-transform")

akan mengembalikan perwakilan matriks transformasi. Walau bagaimanapun, matriks ini tidak memberikan sudut putaran secara langsung.

Untuk mendapatkan nilai putaran, anda boleh menggunakan fungsi jQuery berikut:

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;
}

angle1 = getRotationDegrees($('#myDiv'));
angle2 = getRotationDegrees($('.mySpan a:last-child'));

Fungsi ini mengekstrak sudut putaran daripada CSS mengubah matriks dengan membelah dan menghuraikan komponennya. Ia menyokong keserasian merentas penyemak imbas dengan menyemak varian sifat transformasi yang berbeza.

Dengan menggunakan fungsi dengan elemen jQuery yang dikehendaki, anda boleh mendapatkan semula sudut putaran dalam darjah. Ini membolehkan manipulasi yang tepat dan pelarasan putaran yang digunakan pada elemen menggunakan CSS.

Atas ialah kandungan terperinci Bagaimana untuk Mengekstrak Sudut Putaran dari -moz-transform dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!