Bagaimanakah saya Boleh Mendapatkan Nilai `-moz-transform:rotate` Menggunakan jQuery?

Mendapatkan Nilai -moz-transform:rotate Menggunakan jQuery

Soalan ini menangani cabaran mengekstrak nilai putaran semasa yang digunakan pada HTML elemen menggunakan jQuery. Gaya CSS yang disediakan termasuk berbilang pengisytiharan transformasi dengan nilai sudut putaran yang sama.

Jawapan:

Penyelesaian yang disediakan menawarkan fungsi yang mendapatkan semula nilai putaran berangka yang digunakan pada mana-mana Elemen HTML, tidak kira sama ada ia menggunakan sifat transformasi -webkit-, -moz-, -ms-, -o- atau standard. Berikut ialah gambaran keseluruhan pendekatan:

1. Menghuraikan matriks transformasi: Fungsi ini mula-mula mendapatkan semula nilai sifat -webkit-transform (atau mana-mana variannya) menggunakan jQuery kaedah css(). Jika elemen tiada putaran digunakan, ia mengembalikan 'tiada'.
2. Ekstrak sudut putaran: Jika nilai yang diambil bukan 'tiada', fungsi mengekstrak sudut putaran menggunakan beberapa manipulasi matriks. Ia membahagikan matriks kepada komponennya, kemudian mengira sudut menggunakan fungsi atan2().
3. Kendalikan sudut negatif: Untuk memastikan sudut putaran sentiasa positif, ia menggunakan if- lain semak dan tambah 360 darjah jika sudut negatif.
4. Kembalikan putaran sudut: Fungsi mengembalikan sudut putaran yang dikira sebagai integer bulat.

Contoh Penggunaan:

Kod JavaScript yang disediakan mempamerkan cara menggunakan getRotationDegrees() berfungsi untuk mendapatkan semula sudut putaran untuk HTML tertentu elemen:

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

Ini membolehkan pembangun mendapatkan semula sudut putaran yang digunakan pada mana-mana elemen pada halaman web dan menggunakannya untuk pengiraan atau logik selanjutnya.

Atas ialah kandungan terperinci Bagaimanakah saya Boleh Mendapatkan Nilai `-moz-transform:rotate` Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!