FabricJSを使用してキャンバス上の選択領域の境界線の色を設定するにはどうすればよいですか?

この記事では、FabricJS を使用してキャンバス上の選択領域の境界線の色を設定する方法を学びます。グループ選択を有効にするかどうかを示す選択。 FabricJS では、SelectionBorderColor プロパティを使用して境界線の色を調整できます。

構文

new fabric.Canvas(element: HTMLElement|String, { selectionBorderColor: String }: Object)

パラメータ

• 要素- このパラメータは です;< em> 要素自体は、document.getElementById() または 要素自体の ID を使用して取得できます。 FabricJS キャンバスはこの要素で初期化されます。 >

• オプション (オプション)- このパラメータは、キャンバスの追加のカスタマイズを提供するオブジェクトです。このパラメーターを使用すると、色、カーソル、境界線の幅、その他の多くのプロパティなど、キャンバスに関連するプロパティを変更できます。その中で、selectionBorderColor は、選択範囲の境界線の色を示すために使用できるプロパティです。 SelectionBorderColor プロパティのデフォルト値は rgba(255,255,255,0.3) です。

例 1

色名を使用して選択領域の色を設定します

selectionBorderColor プロパティは、選択範囲の境界線の色。通常、色は選択範囲自体よりも暗くなります。 FabricJS を使用してキャンバス内の選択領域の境界線の色を設定する方法をコード例で見てみましょう。

     
  
Setting the border color of a selection area on a canvas
 
Select an area around the object. You will notice that the border color of the selection would be red in color. 
    

例 2