Dalam tutorial ini, kita akan belajar cara menetapkan asal menegak transformasi teks menggunakan FabricJS. Kita boleh memaparkan teks pada kanvas dengan menambahkan contoh Fabric.Text. Ia bukan sahaja membenarkan kami mengalih, menskala dan menukar dimensi teks, tetapi ia juga menyediakan ciri tambahan seperti penjajaran teks, hiasan teks, ketinggian baris, yang tersedia melalui ciri textAlign, garis bawah dan lineHeight masing-masing. Begitu juga, kita juga boleh menggunakan atribut originY untuk menetapkan asal menegak transformasi.
1 |
|
teks - Parameter ini menerima String, iaitu rentetan teks yang ingin kami paparkan.
Pilihan (pilihan) - Parameter ini ialah objek yang menyediakan penyesuaian tambahan pada teks kami. Menggunakan parameter ini, anda boleh menukar warna, kursor, lebar sempadan dan banyak sifat lain yang dikaitkan dengan objek yang asalnyaY ialah atribut.
originY - Hartanah ini menerima nilai String yang membolehkan kita menetapkan asal menegak transformasi. Nilai yang mungkin adalah "Atas", "Bawah" dan "Pusat". Nilai lalainya ialah "atas".
Kemunculan lalai objek teks
Mari kita lihat contoh kod untuk melihat rupa objek teks tanpa menggunakan atribut originY. Dalam kes ini, asal menegak transformasi akan menjadi bahagian atas, yang juga merupakan lalai.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
|
Lewati atribut asalY sebagai kunci kepada nilai
Dalam contoh ini kita akan melihat cara memberikan nilai kepada sifat asalY mengubah asal menegak transformasi. Kami menggunakan dua objek teks dalam contoh ini untuk menunjukkan perbezaan. Dalam objek teks pertama kami, kerana kami melepasi nilai sebagai "bawah", asal menegak transformasi kini berada di bahagian bawah. Atribut teratas yang sama iaitu 100 digunakan pada kedua-dua teks, tetapi memandangkan asal menegak perubahan berubah, ia masih berada dalam kedudukan menegak yang berbeza.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
|
Atas ialah kandungan terperinci Bagaimana untuk menetapkan asal menegak transformasi teks menggunakan FabricJS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!