| Index: sky/tools/webkitpy/tool/servers/data/rebaselineserver/loupe.js
|
| diff --git a/sky/tools/webkitpy/tool/servers/data/rebaselineserver/loupe.js b/sky/tools/webkitpy/tool/servers/data/rebaselineserver/loupe.js
|
| deleted file mode 100644
|
| index 41f977ac82607b0370934b698e40d1805ccd5cad..0000000000000000000000000000000000000000
|
| --- a/sky/tools/webkitpy/tool/servers/data/rebaselineserver/loupe.js
|
| +++ /dev/null
|
| @@ -1,144 +0,0 @@
|
| -/*
|
| - * Copyright (c) 2010 Google Inc. All rights reserved.
|
| - *
|
| - * Redistribution and use in source and binary forms, with or without
|
| - * modification, are permitted provided that the following conditions are
|
| - * met:
|
| - *
|
| - * * Redistributions of source code must retain the above copyright
|
| - * notice, this list of conditions and the following disclaimer.
|
| - * * 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.
|
| - * * Neither the name of Google Inc. nor the names of its
|
| - * contributors may be used to endorse or promote products derived from
|
| - * this software without specific prior written permission.
|
| - *
|
| - * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
| - * "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 THE COPYRIGHT
|
| - * OWNER 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.
|
| - */
|
| -
|
| -var LOUPE_MAGNIFICATION_FACTOR = 10;
|
| -
|
| -function Loupe()
|
| -{
|
| - this._node = $('loupe');
|
| - this._currentCornerX = -1;
|
| - this._currentCornerY = -1;
|
| -
|
| - var self = this;
|
| -
|
| - function handleOutputClick(event) { self._handleOutputClick(event); }
|
| - $('expected-image').addEventListener('click', handleOutputClick);
|
| - $('actual-image').addEventListener('click', handleOutputClick);
|
| - $('diff-canvas').addEventListener('click', handleOutputClick);
|
| -
|
| - function handleLoupeClick(event) { self._handleLoupeClick(event); }
|
| - $('expected-loupe').addEventListener('click', handleLoupeClick);
|
| - $('actual-loupe').addEventListener('click', handleLoupeClick);
|
| - $('diff-loupe').addEventListener('click', handleLoupeClick);
|
| -
|
| - function hide(event) { self.hide(); }
|
| - $('loupe-close').addEventListener('click', hide);
|
| -}
|
| -
|
| -Loupe.prototype._handleOutputClick = function(event)
|
| -{
|
| - // The -1 compensates for the border around the image/canvas.
|
| - this._showFor(event.offsetX - 1, event.offsetY - 1);
|
| -};
|
| -
|
| -Loupe.prototype._handleLoupeClick = function(event)
|
| -{
|
| - var deltaX = Math.floor(event.offsetX/LOUPE_MAGNIFICATION_FACTOR);
|
| - var deltaY = Math.floor(event.offsetY/LOUPE_MAGNIFICATION_FACTOR);
|
| -
|
| - this._showFor(
|
| - this._currentCornerX + deltaX, this._currentCornerY + deltaY);
|
| -}
|
| -
|
| -Loupe.prototype.hide = function()
|
| -{
|
| - this._node.style.display = 'none';
|
| -};
|
| -
|
| -Loupe.prototype._showFor = function(x, y)
|
| -{
|
| - this._fillFromImage(x, y, 'expected', $('expected-image'));
|
| - this._fillFromImage(x, y, 'actual', $('actual-image'));
|
| - this._fillFromCanvas(x, y, 'diff', $('diff-canvas'));
|
| -
|
| - this._node.style.display = '';
|
| -};
|
| -
|
| -Loupe.prototype._fillFromImage = function(x, y, type, sourceImage)
|
| -{
|
| - var tempCanvas = document.createElement('canvas');
|
| - tempCanvas.width = sourceImage.width;
|
| - tempCanvas.height = sourceImage.height;
|
| - var tempContext = tempCanvas.getContext('2d');
|
| -
|
| - tempContext.drawImage(sourceImage, 0, 0);
|
| -
|
| - this._fillFromCanvas(x, y, type, tempCanvas);
|
| -};
|
| -
|
| -Loupe.prototype._fillFromCanvas = function(x, y, type, canvas)
|
| -{
|
| - var context = canvas.getContext('2d');
|
| - var sourceImageData =
|
| - context.getImageData(0, 0, canvas.width, canvas.height);
|
| -
|
| - var targetCanvas = $(type + '-loupe');
|
| - var targetContext = targetCanvas.getContext('2d');
|
| - targetContext.fillStyle = 'rgba(255, 255, 255, 1)';
|
| - targetContext.fillRect(0, 0, targetCanvas.width, targetCanvas.height);
|
| -
|
| - var sourceXOffset = (targetCanvas.width/LOUPE_MAGNIFICATION_FACTOR - 1)/2;
|
| - var sourceYOffset = (targetCanvas.height/LOUPE_MAGNIFICATION_FACTOR - 1)/2;
|
| -
|
| - function readPixelComponent(x, y, component) {
|
| - var offset = (y * sourceImageData.width + x) * 4 + component;
|
| - return sourceImageData.data[offset];
|
| - }
|
| -
|
| - for (var i = -sourceXOffset; i <= sourceXOffset; i++) {
|
| - for (var j = -sourceYOffset; j <= sourceYOffset; j++) {
|
| - var sourceX = x + i;
|
| - var sourceY = y + j;
|
| -
|
| - var sourceR = readPixelComponent(sourceX, sourceY, 0);
|
| - var sourceG = readPixelComponent(sourceX, sourceY, 1);
|
| - var sourceB = readPixelComponent(sourceX, sourceY, 2);
|
| - var sourceA = readPixelComponent(sourceX, sourceY, 3)/255;
|
| - sourceA = Math.round(sourceA * 10)/10;
|
| -
|
| - var targetX = (i + sourceXOffset) * LOUPE_MAGNIFICATION_FACTOR;
|
| - var targetY = (j + sourceYOffset) * LOUPE_MAGNIFICATION_FACTOR;
|
| - var colorString =
|
| - sourceR + ', ' + sourceG + ', ' + sourceB + ', ' + sourceA;
|
| - targetContext.fillStyle = 'rgba(' + colorString + ')';
|
| - targetContext.fillRect(
|
| - targetX, targetY,
|
| - LOUPE_MAGNIFICATION_FACTOR, LOUPE_MAGNIFICATION_FACTOR);
|
| -
|
| - if (i == 0 && j == 0) {
|
| - $('loupe-coordinate').textContent = sourceX + ', ' + sourceY;
|
| - $(type + '-loupe-color').textContent = colorString;
|
| - }
|
| - }
|
| - }
|
| -
|
| - this._currentCornerX = x - sourceXOffset;
|
| - this._currentCornerY = y - sourceYOffset;
|
| -};
|
|
|