Skip to content

Add srgb-linear, display-p3-linear, and rec2020-linear color spaces #42

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Jan 22, 2021
Merged

Add srgb-linear, display-p3-linear, and rec2020-linear color spaces #42

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 12 additions & 4 deletions CanvasColorSpaceProposal.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,8 +35,11 @@ IDL:

enum CanvasColorSpaceEnum {
"srgb", // default
"srgb-linear",
"display-p3",
"rec-2020",
"display-p3-linear",
"rec2020",
"rec2020-linear",
};

enum CanvasStorageFormatEnum {
Expand All @@ -50,8 +53,11 @@ enum CanvasStorageFormatEnum {

interface CanvasColorSpace {
const CanvasColorSpaceEnum srgb = "srgb";
const CanvasColorSpaceEnum srgbLinear = "srgb-linear";
const CanvasColorSpaceEnum displayP3 = "display-p3";
const CanvasColorSpaceEnum rec2020 = "rec-2020";
const CanvasColorSpaceEnum displayP3Linear = "display-p3-linear";
const CanvasColorSpaceEnum rec2020 = "rec2020";
const CanvasColorSpaceEnum rec2020Linear = "rec2020-linear";
};

interface CanvasStorageFormat {
Expand Down Expand Up @@ -234,7 +240,7 @@ The ``getImageData`` method is responsible for converting the data from the canv

#### Selecting the best color space match for the user agent's display device
<pre>
var colorSpace = window.matchMedia("(color-gamut: rec2020)").matches ? "rec-2020" :
var colorSpace = window.matchMedia("(color-gamut: rec2020)").matches ? "rec2020" :
(window.matchMedia("(color-gamut: p3)").matches ? "display-p3" : "srgb");
</pre>

Expand All @@ -257,7 +263,9 @@ Authors of games and imaging apps are expected to be enthusiastic adopters.

* Should context creation throw on an unrecognized, non-undefined creation attribute?

* The [Media Query APIs](https://www.w3.org/TR/mediaqueries-4/) use the names "p3" and "rec2020", while the [CSS Color Module Level 4](https://www.w3.org/TR/css-color-4/#predefined) uses the names "display-p3" and "rec-2020". This divergence could be confusing.
* The [Media Query APIs](https://www.w3.org/TR/mediaqueries-4/) use the names "srgb" and "p3", while the [CSS Color Module Level 4](https://www.w3.org/TR/css-color-4/#predefined) uses the names "sRGB" and "display-p3". This divergence could be confusing.

* The [CSS Color Module Level 4](https://www.w3.org/TR/css-color-4/#predefined) specification does not include srgb-linear, display-p3-linear, or rec2020-linear.

## Proposal History

Expand Down