: sed -i "s|object element|canvas element|g" $canvasTestName # Tweak the actual tags (open & close tags, and CSS rule): sed -i "s|object {|canvas {|" $canvasTestName sed -i "s|<object|<canvas|" $canvasTestName sed -i "s|</object>|</canvas>|" $canvasTestName # Drop "data" attr (pointing to image URI) and replace with # width/height attrs to establish the canvas's intrinsic size: sed -i "s|data=\"$imageFile\"|$canvasAttrs|" $canvasTestName # Add a <script> block to draw an image into each canvas: sed -i "/<\/style>/a \\ <script>\n\ function drawImageToCanvases(imageURI) {\n\ var image = new Image();\n\ image.onload = function() {\n\ var canvasElems = document.getElementsByTagName(\"canvas\");\n\ for (var i = 0; i < canvasElems.length; i++) {\n\ var ctx = canvasElems[i].getContext(\"2d\");\n\ ctx.drawImage(image, 0, 0);\n\ }\n\ document.documentElement.removeAttribute(\"class\");\n\ }\n\ image.src = imageURI;\n\ }\n\ <\/script>" $canvasTestName done done

#!/bin/bash # # Any copyright is dedicated to the Public Domain. # http://creativecommons.org/publicdomain/zero/1.0/ # # Script to generate