From 5f6343a37b36a0008b2c2a2a7805fcdb907aa9f5 Mon Sep 17 00:00:00 2001
From: Lars-Dominik Braun <lars@6xq.net>
Date: Wed, 22 Nov 2017 11:30:51 +0100
Subject: Make <canvas> static before DOM snapshot

Use --run-before-snapshot=canvas-snapshot.js. Replaces <canvas> with
image snapshot. We could use .captureStream() as well.
---
 crocoite/data/canvas-snapshot.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 crocoite/data/canvas-snapshot.js

(limited to 'crocoite/data')

diff --git a/crocoite/data/canvas-snapshot.js b/crocoite/data/canvas-snapshot.js
new file mode 100644
index 0000000..2395411
--- /dev/null
+++ b/crocoite/data/canvas-snapshot.js
@@ -0,0 +1,18 @@
+/*	Replace canvas with image snapshot
+ */
+(function(){
+	var canvas = document.querySelectorAll ("canvas"); 
+	for (var i = 0; i < canvas.length; i++) { 
+		var c = canvas[i];
+		var data = c.toDataURL ();
+		var parent = c.parentNode;
+		var img = document.createElement ('img');
+		/* copy all attributes */
+		for (var i = 0; i < c.attributes.length; i++) {
+			var attr = c.attributes.item(i);
+			img.setAttribute (attr.nodeName, attr.nodeValue);
+		}
+		img.src = data;
+		parent.replaceChild (img, c);
+	}
+}());
-- 
cgit v1.2.3