SassColor

Sass 的 顏色類型

不論最初用什麼表示法來建立這個顏色,它的所有頻道都 可以存取。

層級結構

建構函式

  • 建立 RGB  顏色。

    僅有 undefined 應傳遞來表示遺失的 alpha。如果傳遞 null,它將在 Dart Sass 的未來版本中被視為 遺失的組成部分。有關 詳細資訊,請參閱 重大變更

    拋出

    Error 如果 redgreenblue 不在 0255 之間,或如果 alpha 不在 01 之間。

    參數

    • options: {
          alpha?: number;
          blue: number;
          green: number;
          red: number;
      }
      • Optional alpha?: number
      • blue: number
      • green: number
      • red: number

    傳回 SassColor

  • 建立一個 HSL 顏色。

    僅有 undefined 應傳遞來表示遺失的 alpha。如果傳遞 null,它將在 Dart Sass 的未來版本中被視為 遺失的組成部分。有關 詳細資訊,請參閱 重大變更

    拋出

    如果 飽和度明度 不在 0100 之間,或如果 alpha 不在 01 之間,則會產生 錯誤

    參數

    • options: {
          alpha?: number;
          色相: 數字;
          明度: 數字;
          飽和度: 數字;
      }
      • Optional alpha?: number
      • 色相: 數字
      • 明度: 數字
      • 飽和度: 數字

    傳回 SassColor

  • 建立 HWB  顏色。

    僅有 undefined 應傳遞來表示遺失的 alpha。如果傳遞 null,它將在 Dart Sass 的未來版本中被視為 遺失的組成部分。有關 詳細資訊,請參閱 重大變更

    拋出

    如果 whitenessblackness 不在 0100 之間,或 alpha 不在 01 之間,則會傳回 Error

    參數

    • options: {
          alpha?: number;
          黑度: 數字;
          色相: 數字;
          白度: 數字;
      }
      • Optional alpha?: number
      • blackness: number
      • 色相: 數字
      • whiteness: number

    傳回 SassColor

存取器

  • get hasBrackets(): boolean
  • 此值作為清單是否有 括號。

    所有 SassScript 值都可用作清單。對應項目計為成對清單,所有其他值計為單值 清單。

    傳回 boolean

  • 取得 為真(): 布林值
  • 此值是否在 @if 陳述式和其他 內容中視為 true

    傳回 boolean

方法

  • 變更此顏色的其中一個或多個 RGB 通道,並傳回 結果。

    參數

    • options: {
          alpha?: number;
          blue?: number;
          green?: number;
          red?: number;
      }
      • Optional alpha?: number
      • Optional blue?: number
      • Optional green?: number
      • Optional red?: number

    傳回 SassColor

  • 變更此顏色的其中一個或多個 HSL 通道,並傳回 結果。

    參數

    • options: {
          alpha?: number;
          hue?: number;
          lightness?: number;
          saturation?: number;
      }
      • Optional alpha?: number
      • Optional hue?: number
      • Optional lightness?: number
      • Optional saturation?: number

    傳回 SassColor

  • 變更此顏色的其中一個或多個 HWB 通道,並傳回 結果。

    參數

    • options: {
          alpha?: number;
          blackness?: number;
          hue?: number;
          whiteness?: number;
      }
      • Optional alpha?: number
      • Optional blackness?: number
      • Optional hue?: number
      • Optional whiteness?: number

    傳回 SassColor

  • 傳回此值中索引為 index 的值,為清單,或 undefined(如果 index 對此清單無效)。

    所有 SassScript 值都可用作清單。對應項目計為成對清單,所有其他值計為單值 清單。

    這是 this.asList.get(index) 的簡寫,儘管在某些情況下它可能更有效率。

    ⚠️ 注意!

    此方法使用與 immutable 套件相同的索引慣例:與 Sass 不同,第一個元素的索引為 0,但與 Sass 相同,負數會從清單的結尾開始索引。

    參數

    • index: number

    傳回 undefined | Value

  • sassIndex 轉換成 JavaScript 風格的索引,以便傳回 asList 的清單。

    Sass 索引從 1 開始,而 JavaScript 索引從 0 開始。Sass 索引也可能是負數,以便從 清單的尾端開始索引。

    拋出

    錯誤 如果 sassIndex 不是數字,如果該數字不是整數,或者如果該整數不是 asList 的有效索引。

    參數

    • sassIndex: Value

      Sass 樣式的索引作為 清單。

    • 選用 名稱: 字串

      函數參數 sassIndex 的名稱(不含 $)如果它來自參數。用於錯誤 報告。

    傳回 number