ImageData: colorSpace-Eigenschaft
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Die schreibgeschützte ImageData.colorSpace-Eigenschaft ist ein String, der den Farbraum der Bilddaten angibt.
Der Farbraum kann während der ImageData-Initialisierung entweder mit dem ImageData()-Konstruktor oder der createImageData()-Methode festgelegt werden.
Wert
Diese Eigenschaft kann folgende Werte haben:
"srgb"repräsentiert den sRGB-Farbraum."display-p3"repräsentiert den display-p3-Farbraum.
Beispiele
Ermitteln des Farbraums von Canvas-Bilddaten
Die getImageData()-Methode ermöglicht es Ihnen, explizit einen Farbraum anzufordern. Falls dieser nicht mit dem Farbraum übereinstimmt, mit dem das Canvas initialisiert wurde, wird eine Umwandlung durchgeführt. Verwenden Sie die colorSpace-Eigenschaft, um zu wissen, in welchem Farbraum sich Ihr ImageData-Objekt befindet.
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"
Spezifikationen
| Specification |
|---|
| HTML Standard # dom-imagedata-colorspace |
Browser-Kompatibilität
BCD tables only load in the browser