Changeset 286610 in webkit

Timestamp:

Dec 7, 2021, 12:51:03 PM (5 years ago)

Author:

Cameron McCormack

Message:

Puzzle feature detection followup
​https://bugs.webkit.org/show_bug.cgi?id=233946

Unreviewed.

• blog-files/wide-gamut-canvas/puzzle.html:

Location:

trunk/Websites/webkit.org

Files:

• ChangeLog (modified) (1 diff)
• blog-files/wide-gamut-canvas/puzzle.html (modified) (4 diffs)

trunk/Websites/webkit.org/ChangeLog

@@ +1 @@
+2021-12-07  Cameron McCormack  <heycam@apple.com>
+
+        Puzzle feature detection followup
+        https://bugs.webkit.org/show_bug.cgi?id=233946
+
+        Unreviewed.
+
+        * blog-files/wide-gamut-canvas/puzzle.html:
+
 2021-12-07  Cameron McCormack  <heycam@apple.com>
 

trunk/Websites/webkit.org/blog-files/wide-gamut-canvas/puzzle.html

@@ -32 +32 @@
 const TILE_CORNER_RADIUS = 8;
 
+let supported = false;
 let width, height, board, blank;
 let canvas, ctx;
@@ -69 +70 @@
 }
 
+function canvasSupportsDisplayP3() {
+    let canvas = document.createElement("canvas");
+    try {
+        let context = canvas.getContext("2d", { colorSpace: "display-p3" });
+        return context.getContextAttributes().colorSpace == "display-p3";
+    } catch {
+    }
+    return false;
+}
+
 function init() {
+    supported = canvasSupportsDisplayP3();
+    if (!supported)
+        document.body.className = "unsupported";
+
     canvas = placeholder;
     width = image.naturalWidth;
@@ -164 +179 @@
 
 function updateCanvas() {
-    let colorSpace = displayP3.checked ? "display-p3" : "srgb";
+    let colorSpace = displayP3.checked && supported ? "display-p3" : "srgb";
 
     let newCanvas = cachedCanvases[colorSpace];
@@ -183 +198 @@
     canvas.style.height = `${height / scale}px`;
 
-    try {
-        ctx = canvas.getContext("2d", { colorSpace });
-    } catch {
-        ctx = canvas.getContext("2d");
-        document.body.className = "unsupported";
-    }
+    ctx = canvas.getContext("2d", { colorSpace });
 
     drawBoard();