カスタム背景ウィジェットを使用すると、1 つ以上のウィジェットに背景を追加できます。

スタイル

  • 基本属性
    • Size:幅と高さを調整して、ウィジェットのサイズを設定します。
    • Position:横座標と縦座標を調整して、ウィジェットの位置を設定します。
    • Others:ウィジェットの回転角度と不透明度を設定します。
  • カスタムスタイル: このオプションをオンにすると、必要に応じて背景スタイルをカスタマイズできます。 このオプションをオフにすると、背景色と枠の半径をカスタマイズできます。
  • 背景色: カスタムスタイルをオフにする場合、このオプションが表示されます。 ウィジェットの背景色を変更するには、「カラーピッカー」をご参照ください。
  • 枠半径: このオプションは、 カスタムスタイルをオフにすると表示されます。 左上隅左下隅右上隅および右下隅などの枠半径を調整するには、値を入力するかスライダーをドラッグします。
  • カスタム背景スタイル: このオプションは、 カスタムスタイルをオンにすると表示されます。
    • 枠の画像ソース: ボックス内の画像を変更するには、 ゴミ箱アイコンをクリックして、ローカル画像をアップロードします。 インターネットからの画像を使用するには、画像の URL を入力してください。
    • スライス: このオプションを選択すると、画像の枠が収まるように切り取られます。
    • 枠の画像スタイル: 画像の枠の幅を調整するには、値を入力します。 この設定は、スライスを選択した場合にのみ有効になります。
    • 枠のスタイル: 枠のスタイルを変更するには、ドロップダウン矢印をクリックして目的のスタイルを選択します。 枠は、 実線破線またはドット付きにできます。
    • 枠幅: 枠幅を調整するには、値を入力します。 単位はピクセルです。
    • 内側の背景: 内側の背景の色を変更するには、「カラーピッカー」をご参照ください。
    • 背景色: 外側の背景色を変更するには、「カラーピッカー」をご参照ください。
  • フィルタ: ウィジェットの枠ぼかしを調整するには、値を入力します。 単位はピクセルです。
  • 背景フィルタ: ウィジェットの背景のぼかしを調整するには、値を入力します。 単位はピクセルです。 このオプションは、 Chrome ブラウザ用の "Experimental Web Platform" の機能を有効にした場合にのみ有効になります。
    "Experimental Web Platform" の機能を有効にするには、次の手順に従ってください。
    1. Chromeブラウザを開き、 "chrome://flags/#enable-experimental-web-platform-features" と入力します。
    2. "Experimental Web Platform features" の横にあるドロップダウン矢印をクリックします。 [有効] をクリックします。
    3. ブラウザを再起動します。

データ

このウィジェットのデータを設定する必要はありません。
このウィジェットは線になるように拡張することができます。

インタラクション

このはウィジェットはまだイベントにバインドされていません。