Bagaimana untuk membuat objek poligon bertindak balas terhadap peristiwa putaran menggunakan FabricJS?

Kita boleh mencipta objek Poligon dengan mencipta contohfabric.Polygon. Objek poligon boleh dicirikan sebagai sebarang bentuk tertutup yang terdiri daripada satu set segmen garis lurus yang bersambung. Memandangkan ia adalah salah satu elemen asas FabricJS, kami juga boleh menyesuaikannya dengan mudah dengan menggunakan sifat seperti sudut, kelegapan, dsb. Kami menggunakan acaraberputaruntuk menunjukkan cara membuat objek poligon bertindak balas terhadap putaran melalui kawalan.

Tatabahasa

polygon.on(“rotating”, callbackFunction);

Contoh 1: Tunjukkan cara objek bertindak balas terhadap peristiwa putaran

Mari kita lihat contoh kod cara membuat objek poligon bertindak balas kepada peristiwaputaran. Dalam kes ini, apabila kita mengklik pada objek poligon dan memutarnya melalui kawalan putaran tengah, kita akan melihat output yang direkodkan. Ini kerana peristiwa putaran menyala secara berterusan semasa objek berputar.

     
  
Displaying how the object reacts to the rotating event
 
You can rotate the object to see the callback function fired
    

Contoh 2: Tukar warna isian apabila putaran berlaku

Mari lihat contoh kod untuk melihat cara menukar warna isian apabila peristiwaputarberlaku. Kita boleh menggunakan kawalan putaran tengah (mtr) untuk memutarkan objek pada kanvas. Di sini, apabila kita memutar objek poligon menggunakan kawalan mtr, warna isian berubah kepada "hijau".

     
  
Changing the fill colour when rotate happens
 
 You can see that the fill colour changes when the polygon is rotated 
    

Kesimpulan

Dalam tutorial ini, kami menggunakan dua contoh mudah untuk menunjukkan cara membuat objek poligon bertindak balas terhadap peristiwa putaran menggunakan FabricJS.

Atas ialah kandungan terperinci Bagaimana untuk membuat objek poligon bertindak balas terhadap peristiwa putaran menggunakan FabricJS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!