FabricJS - Bagaimana untuk memindahkan objek Line ke bahagian bawah tindanan objek draw?

Dalam tutorial ini, kita akan belajar cara mengalihkan objek Line ke bahagian bawah tindanan objek draw menggunakan FabricJS. Elemen garis ialah salah satu elemen asas yang disediakan dalam FabricJS. Ia digunakan untuk membuat garis lurus. Memandangkan elemen garis adalah geometri satu dimensi dan tidak mengandungi bahagian dalam, ia tidak pernah diisi. Kita boleh mencipta objek garisan dengan mencipta contohfabric.Line, menyatakan koordinat x dan y garisan dan menambahkannya pada kanvas. Untuk mengalihkan objek Line ke bahagian bawah tindanan objek draw, kami menggunakan kaedahsendToBack.

Tatabahasa

sendToBack(): fabric.Object

Gunakan kaedahsendToBack

Contoh

Mari kita lihat contoh kod untuk melihat output apabila menggunakan kaedahsendToBack. KaedahsendToBackmengalihkan objek ke bahagian bawah tindanan objek lukis. Dalam contoh ini,line2dihantar selepasline1menggunakan kaedahsendToBack.

     
  
Using sendToBack method
 
You can see that line2 (red) lies behind line1 (blue)
    

Gunakan kaedahsendToBack

Contoh

Dalam contoh ini, kita menggunakan tiga objek garisan, iaituline1, line2danline3. Walaupun ia telah ditambahkan pada kanvas dalam susunan berangka,line3jelas terakhir. Ini kerana kami menggunakan kaedahsendToBack, yang menghantarline3ke bahagian bawah tindanan objek draw.

     
  
Using sendToBack method with three objects
 
 You can see that line3 (green) lies at the bottom of the stack of drawn objects 
    

Atas ialah kandungan terperinci FabricJS - Bagaimana untuk memindahkan objek Line ke bahagian bawah tindanan objek draw?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!