ImageData: colorSpace 屬性
注意：此功能在 Web Workers 中可用。
只讀的 ImageData.colorSpace 屬性是一個字串，用於指示影像資料的顏色空間。
顏色空間可以在 ImageData 初始化期間使用 ImageData() 建構函式或 createImageData() 方法進行設定。
值
此屬性可以具有以下值
"srgb"代表 sRGB 顏色空間。"display-p3"代表 display-p3 顏色空間。
示例
獲取畫布影像資料的顏色空間
getImageData() 方法允許您顯式請求顏色空間。如果它與畫布初始化時的顏色空間不匹配，則會執行轉換。使用 colorSpace 屬性可以瞭解您的 ImageData 物件處於哪個顏色空間。
js
const context = canvas.getContext("2d", { colorSpace: "display-p3" });
context.fillStyle = "color(display-p3 0.5 0 0)";
context.fillRect(0, 0, 10, 10);
const p3ImageData = context.getImageData(0, 0, 1, 1);
console.log(p3ImageData.colorSpace); // "display-p3"
const srgbImageData = context.getImageData(0, 0, 1, 1, { colorSpace: "srgb" });
console.log(srgbImageData.colorSpace); // "srgb"
規範
| 規範 |
|---|
| HTML # dom-imagedata-colorspace |
瀏覽器相容性
載入中…