Bercakap tentang pemahaman awal kemahiran impress.js

Bercakap tentang pemahaman awal kemahiran impress.js_javascript

WBOY

Lepaskan： 2016-05-16 15:40:06

asal

1467 orang telah melayarinya

1. Memahami impress.js

　impress.js ialah rangka kerja lapisan pembentangan (alat persembahan) yang digunakan oleh pembangun menggunakan bahasa CSS3 dan JavaScript.

Kini pembangun biasa boleh menggunakan impress.js untuk membangunkan alat persembahan dengan kesan yang serupa, tetapi dengan prestasi yang lebih baik daripada Prezi berasaskan FLASH. Fungsinya termasuk putaran tanpa had dan penskalaan kanvas, penempatan teks dalam sebarang saiz pada mana-mana sudut, sokongan untuk kesan 3D CSS3, dsb. Pada masa yang sama, persembahan slaid dalam bentuk PowerPoint tradisional juga disokong.

Pada masa ini impress.js dibangunkan berdasarkan penyemak imbas webkit (Chrome, Safari), tetapi ia juga boleh berjalan seperti biasa pada penyemak imbas lain berdasarkan enjin bukan webkit tetapi menyokong CSS3 3D.

2. Gunakan impress.js

Memperkenalkan impress.js:

Salin kod Kod adalah seperti berikut:

Kini anda boleh melihat betapa mudahnya untuk mencipta tayangan slaid baharu. Setiap slaid ialah elemen

(dalam pembungkus) yang nama kelasnya ialah 'langkah'.

Salin kod Kod adalah seperti berikut:

Slaid pertama saya

Walaupun anda membuat tayangan slaid ringkas, ia menyeronokkan apabila anda mula menambahkan atribut data pada tayangan slaid anda. Atribut data mewakili sifat slaid anda apabila ia bukan slaid aktif Anda boleh menggunakan atribut data berikut:

data-x = x koordinat slaid

data-y = y koordinat slaid

skala data = Zum dengan menyatakan nilai Skala data 5 akan membesarkan slaid anda sebanyak 5 kali ganda saiz asal

putaran data = Putar slaid anda mengikut darjah berangka

data-rotate-x = Untuk 3D, nombor ini ialah jumlah ia perlu diputar berbanding paksi-x. (Sandar ke hadapan/sandar ke belakang)

data-rotate-y = Untuk 3D, nombor ini ialah jumlah ia harus diputar berbanding paksi-y. (Hayun ke kiri/kanan)

data-rotate-z = Untuk 3D, nombor ini ialah jumlah ia perlu diputar berbanding paksi-z.

Direktori contoh:

Kandungan di atas adalah pemahaman awal saya tentang impress.js. Mungkin saya akan mengkajinya secara mendalam nanti.