pass-through

Author: Fil

README.md

@@ -43,7 +43,7 @@ If you are using [2D Canvas](https://www.w3.org/TR/2dcontext/) (rather than [Web
 
 <a href="#DOM_context2d" name="DOM_context2d">#</a> DOM.<b>context2d</b>(<i>width</i>, <i>height</i>[, <i>options</i>]) [<>](https://github.com/observablehq/stdlib/blob/master/src/dom/context2d.js "Source")
 
-Returns a new canvas context with the specified *width* and *height* and the specified *options*. If the options are specified as an object, its scale and colorSpace properties are considered. A string or number value specifies the scale. The scale defaults to [*window*.devicePixelRatio](https://developer.mozilla.org/docs/Web/API/Window/devicePixelRatio). The colorSpace defaults to srgb—the other acceptable value is display-p3. To access the context’s canvas, use [*context*.canvas](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/canvas). For example, to create a 960×500 canvas:
+Returns a new canvas context with the specified *width* and *height* and the specified *options*. The scale property of the options object defines the device pixel ratio, and defaults to [*window*.devicePixelRatio](https://developer.mozilla.org/docs/Web/API/Window/devicePixelRatio). The remaining options are passed through as contextAttributes to [getContext](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/getContext). As a shorthand notation, *options* having only scale can be specified as a number. To access the context’s canvas, use [*context*.canvas](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/canvas). For example, to create a 960×500 canvas:
 
 ```js
 {

src/dom/context2d.js

@@ -1,22 +1,20 @@
 export default function(width, height, options) {
-  var colorSpace = "srgb";
   var scale = devicePixelRatio;
-  if (options == +options) {
+  if (options == null) {
+    options = {};
+  } else if (options == +options) {
     scale = +options;
+    options = {};
   } else {
     if (options.scale) scale = +options.scale;
-    if (options.colorSpace === "display-p3") colorSpace = options.colorSpace;
+    delete options.scale;
   }
   var canvas = document.createElement("canvas");
   canvas.width = width * scale;
   canvas.height = height * scale;
   canvas.style.width = width + "px";
   var context;
-  try {
-    context = canvas.getContext("2d", {colorSpace});
-  } catch(e) {
-    context = canvas.getContext("2d");
-  }
+  context = canvas.getContext("2d", options);
   context.scale(scale, scale);
   return context;
 }