| Index: chrome/test/data/third_party/kraken/hosted/explanations/gaussian-blur.html
|
| diff --git a/chrome/test/data/third_party/kraken/hosted/explanations/gaussian-blur.html b/chrome/test/data/third_party/kraken/hosted/explanations/gaussian-blur.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..4c73ea48b02f372dd76caa2af4b025a52c5310cd
|
| --- /dev/null
|
| +++ b/chrome/test/data/third_party/kraken/hosted/explanations/gaussian-blur.html
|
| @@ -0,0 +1,139 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<head>
|
| +
|
| +<meta charset=utf8>
|
| +
|
| +<!--
|
| + Copyright (C) 2007 Apple Inc. All rights reserved.
|
| + Copyright (C) 2010 Mozilla Foundation
|
| +
|
| + Redistribution and use in source and binary forms, with or without
|
| + modification, are permitted provided that the following conditions
|
| + are met:
|
| + 1. Redistributions of source code must retain the above copyright
|
| + notice, this list of conditions and the following disclaimer.
|
| + 2. Redistributions in binary form must reproduce the above copyright
|
| + notice, this list of conditions and the following disclaimer in the
|
| + documentation and/or other materials provided with the distribution.
|
| +
|
| + THIS SOFTWARE IS PROVIDED BY APPLE COMPUTER, INC. ``AS IS'' AND ANY
|
| + EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
|
| + IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
|
| + PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE COMPUTER, INC. OR
|
| + CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
| + EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
|
| + PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
|
| + PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
|
| + OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
| + (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
| + OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
| +-->
|
| +
|
| +<title>Kraken JavaScript Benchmark: Gaussian Blur</title>
|
| +<link rel="stylesheet" href="../kraken.css">
|
| +<script>
|
| +
|
| +</script>
|
| +<style> #display { border: 5px solid rgb(0,0,50);}</style>
|
| +</head>
|
| +
|
| +<body>
|
| +<div id="content">
|
| +<h2>Kraken JavaScript Benchmark: Gaussian Blur</h2>
|
| +<div id="results">
|
| + <p>This benchmark performs a <a href="http://en.wikipedia.org/wiki/Gaussian_blur">Gaussian blur</a> on a photo.</p>
|
| + <p><small>Photo courtesy <a href="http://www.flickr.com/photos/katclay/4296523922/in/photostream/">Kat Clay</a> from Flickr</small>.</p>
|
| + <img id="image" src="squid.png" width="400" height="267">
|
| + <canvas id="canvas" width="400" height="267"></canvas>
|
| + <script>
|
| + var sigma = 10; // radius
|
| + var kernel, kernelSize, kernelSum;
|
| + buildKernel();
|
| +
|
| + try {
|
| + // Opera createImageData fix
|
| + if (!("createImageData" in CanvasRenderingContext2D.prototype)) {
|
| + CanvasRenderingContext2D.prototype.createImageData = function(sw,sh) { return this.getImageData(0,0,sw,sh); }
|
| + }
|
| + } catch(e) {}
|
| +
|
| + function buildKernel() {
|
| + var ss = sigma * sigma;
|
| + var factor = 2 * Math.PI * ss;
|
| + kernel = [];
|
| + kernel.push([]);
|
| + var i = 0, j;
|
| + do {
|
| + var g = Math.exp(-(i * i) / (2 * ss)) / factor;
|
| + if (g < 1e-3) break;
|
| + kernel[0].push(g);
|
| + ++i;
|
| + } while (i < 7);
|
| + kernelSize = i;
|
| + for (j = 1; j < kernelSize; ++j) {
|
| + kernel.push([]);
|
| + for (i = 0; i < kernelSize; ++i) {
|
| + var g = Math.exp(-(i * i + j * j) / (2 * ss)) / factor;
|
| + kernel[j].push(g);
|
| + }
|
| + }
|
| + kernelSum = 0;
|
| + for (j = 1 - kernelSize; j < kernelSize; ++j) {
|
| + for (i = 1 - kernelSize; i < kernelSize; ++i) {
|
| + kernelSum += kernel[Math.abs(j)][Math.abs(i)];
|
| + }
|
| + }
|
| + }
|
| +
|
| + function blurTest() {
|
| + var results = document.getElementById('blur-result');
|
| + results.innerHTML = "Running test...";
|
| +
|
| + window.setTimeout(function() {
|
| + var canvas = document.getElementById('canvas');
|
| + var ctx = canvas.getContext('2d');
|
| + var img = document.getElementById('image')
|
| + ctx.drawImage(img, 0, 0, img.width, img.height);
|
| +
|
| + var imgData = ctx.getImageData(0, 0, canvas.width, canvas.height);
|
| + var width = imgData.width, height = imgData.height;
|
| + var data = imgData.data;
|
| +
|
| + var len = data.length;
|
| + var startTime = (new Date()).getTime();
|
| +
|
| + for (var y = 0; y < height; ++y) {
|
| + for (var x = 0; x < width; ++x) {
|
| + var r = 0, g = 0, b = 0, a = 0;
|
| + for (j = 1 - kernelSize; j < kernelSize; ++j) {
|
| + if (y + j < 0 || y + j >= height) continue;
|
| + for (i = 1 - kernelSize; i < kernelSize; ++i) {
|
| + if (x + i < 0 || x + i >= width) continue;
|
| + r += data[4 * ((y + j) * width + (x + i)) + 0] * kernel[Math.abs(j)][Math.abs(i)];
|
| + g += data[4 * ((y + j) * width + (x + i)) + 1] * kernel[Math.abs(j)][Math.abs(i)];
|
| + b += data[4 * ((y + j) * width + (x + i)) + 2] * kernel[Math.abs(j)][Math.abs(i)];
|
| + a += data[4 * ((y + j) * width + (x + i)) + 3] * kernel[Math.abs(j)][Math.abs(i)];
|
| + }
|
| + }
|
| + data[4 * (y * width + x) + 0] = r / kernelSum;
|
| + data[4 * (y * width + x) + 1] = g / kernelSum;
|
| + data[4 * (y * width + x) + 2] = b / kernelSum;
|
| + data[4 * (y * width + x) + 3] = a / kernelSum;
|
| + }
|
| + }
|
| + var finishTime = Date.now() - startTime;
|
| + for (var i = 0; i < data.length; i++) {
|
| + imgData.data[i] = data[i];
|
| + }
|
| + //imgData.data = data;
|
| + ctx.putImageData(imgData, 0, 0);
|
| + results.innerHTML = "Finished: " + finishTime + "ms";
|
| + }, 10);
|
| + }
|
| + </script>
|
| + <p><input type="button" value="Blur Test" onclick="blurTest();"> <span id="blur-result"></span></p>
|
| +</div>
|
| +</div>
|
| +</body>
|
| +</html>
|
|
|