Bagaimana untuk menetapkan warna latar belakang pemilihan segi tiga menggunakan FabricJS?

Dalam tutorial ini, kita akan belajar cara menetapkan warna latar belakang pemilihan segi tiga menggunakan FabricJS. Segitiga adalah salah satu daripada pelbagai bentuk yang disediakan oleh FabricJS. Untuk mencipta segi tiga, kita mesti mencipta contoh kelas Fabric.Triangle dan menambahkannya pada kanvas.

Kita boleh menukar saiz objek, memutarkannya atau mengendalikannya apabila ia dipilih secara aktif. Kita boleh menggunakan sifat selectionBackgroundColor untuk menukar warna latar belakang pemilihan segi tiga.

Syntax

new Fabric.Triangle({ SelectionBackgroundColor : String }: Object)

Parameter

• Pilihan (pilihan) - Parameter ini ialah objek yang menyediakan penyesuaian tambahan kepada segi tiga kami. Menggunakan parameter ini, anda boleh menukar sifat yang berkaitan dengan objek yang selectionBackgroundColor ialah atribut, seperti warna, kursor, lebar lejang dan banyak sifat lain.

Kunci Pilihan

• selectionBackgroundColor - Hartanah ini menerima nilai String. Nilai yang ditetapkan menentukan warna latar belakang pemilihan. . Daripada contoh ini kita dapat melihat bahawa kawasan pemilihan atau kawasan di belakang objek tidak mempunyai warna.

  
  
  
  
  
  
  不使用selectionBackgroundColor属性时的默认颜色
  可以选择三角形，可以看到选择区域没有颜色。
  
  
  // 启动画布实例
  var canvas = new Fabric.Canvas("canvas");
  canvas.setWidth(document.body.scrollWidth);
  画布.setHeight(250);
  
  // 初始化一个三角形对象
  var triangle = new Fabric.Triangle({
  左：180，
  顶部：70，
  宽度：90，
  身高：80，
  填写：“#228b22”，
  笔画：“#d8e4bc”，
  笔画宽度：7，
  填充：30，
  });
  
  // 将其添加到画布中
  canvas.add(三角形);
  
  
  

Contoh 2
Meluluskan sifat

selectionBackgroundColor sebagai kunci

Dalam contoh ini, kami memberikan nilai kepada harta

selectionBackgroundColor Dalam kes ini, kami memberikannya nilai perenambelasan "da70d6", iaitu magenta, jadi kawasan pemilihan kelihatan warna itu. rreeee

Atas ialah kandungan terperinci Bagaimana untuk menetapkan warna latar belakang pemilihan segi tiga menggunakan FabricJS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!