Add OffscreenCanvas, BitmapRenderer context and ImageBitmap

Author: NielsLeenheer

scripts/9/data.js

@@ -1700,6 +1700,52 @@ var tests = [
 
 									}
 								]
+					}, {
+						id:		'offscreen',
+						status:	'experimental',
+						name: 	'Offscreen',
+						items:	[
+									{
+										id:			'context',
+										name: 		'Bitmap Renderer Context',
+										value:		1,
+										urls:		[
+														[ 'whatwg', 'https://html.spec.whatwg.org/multipage/scripting.html#imagebitmaprenderingcontext' ]
+													]
+									}, {
+										id:			'bitmap',
+										name: 		'Bitmap Data',
+										value:		1,
+										urls:		[
+														[ 'whatwg', 'https://html.spec.whatwg.org/multipage/webappapis.html#imagebitmap' ]
+													]
+									},
+
+									'<strong>Offscreen Canvas</strong>',
+
+									{
+										id:			'canvas',
+										name: 		'Offscreen Canvas API',
+										value:		1,
+										urls:		[
+														[ 'whatwg', 'https://html.spec.whatwg.org/multipage/scripting.html#offscreencanvas' ]
+													]
+									}, {
+										id:			'2d',
+										name: 		'2D support',
+										value:		0,
+										urls:		[
+														[ 'whatwg', 'https://html.spec.whatwg.org/multipage/scripting.html#dom-offscreencanvas-getcontext' ]
+													]
+									}, {
+										id:			'webgl',
+										name: 		'3D support',
+										value:		0,
+										urls:		[
+														[ 'whatwg', 'https://html.spec.whatwg.org/multipage/scripting.html#dom-offscreencanvas-getcontext' ]
+													]
+									}
+								]
 					}, {
 						id:		'animation',
 						status:	'stable',

scripts/9/engine.js

@@ -3113,6 +3113,64 @@ Test9 = (function () {
         },
 
 
+        /* offscreen */
+
+        function (results) {
+            var canvas = document.createElement('canvas');
+
+            /* bitmap */
+
+            results.addItem({
+                key: 'offscreen.context',
+                passed: !!(canvas.getContext && typeof ImageBitmapRenderingContext != 'undefined' && canvas.getContext('bitmaprenderer') instanceof ImageBitmapRenderingContext)
+            });
+
+            results.addItem({
+                key: 'offscreen.bitmap',
+                passed: 'ImageBitmap' in window
+            });
+
+            /* offscreen canvas */
+
+            var passed;
+
+            results.addItem({
+                key: 'offscreen.canvas',
+                passed: 'OffscreenCanvas' in window
+            });
+
+            passed = false;
+
+            if ('OffscreenCanvas' in window) {
+                try {
+                    var offscreen = new OffscreenCanvas(16, 16);
+                    var context = offscreen.getContext('webgl');
+                    passed = context instanceof WebGLRenderingContext;
+                } catch (e) { }
+            }
+
+            results.addItem({
+                key: 'offscreen.webgl',
+                passed: passed
+            });
+
+            passed = false;
+
+            if ('OffscreenCanvas' in window) {
+                try {
+                    var offscreen = new OffscreenCanvas(16, 16);
+                    var context = offscreen.getContext('2d');
+                    passed = context instanceof CanvasRenderingContext2D;
+                } catch (e) { }
+            }
+
+            results.addItem({
+                key: 'offscreen.2d',
+                passed: passed
+            });
+        },
+
+
         /* webgl */
 
         function (results) {