FabricJS を使用して四角形選択範囲の背景色を設定するにはどうすればよいですか?

このチュートリアルでは、FabricJS を使用して長方形の選択範囲の背景色を設定する方法を学びます。 Rectangle は、FabricJS が提供するさまざまな形状の 1 つです。長方形を作成するには、Fabric.Rect クラスのインスタンスを作成し、それをキャンバスに追加する必要があります。

オブジェクトがアクティブに選択されている場合、オブジェクトのサイズを変更したり、回転したり、操作したりできます。selectionBackgroundColorプロパティを使用して、長方形の選択範囲の背景色を変更できます。

構文

new fabric.Rect({ selectionBackgroundColor : String }: Object)

パラメータ

• オプション (オプション)- このパラメータは、 ## 追加のカスタマイズを提供する #Object です。を四角形にします。このパラメータを使用すると、色、カーソル、ストローク幅などのプロパティ、および背景色が属性として選択されているオブジェクトに関連するその他の多くのプロパティを変更できます。

• selectionBackgroundColor- このプロパティはStringを受け入れます価値。割り当てられた値によって、選択範囲の背景色が決まります。

#例 1

< /strong>コード例を見て、その方法を理解しましょう。

     
  
Default colour when selectionBackgroundColor property is not used
 
You can click on the rectangle to see that the selection area has no colour