rebaseline_server: add bgcolor slider for pixelDiff column

BUG=skia:1904
NOTRY=True
R=robertphillips@google.com, rmistry@google.com

Author: epoger@google.com

Review URL: https://codereview.chromium.org/143273003

git-svn-id: http://skia.googlecode.com/svn/trunk@13325 2bbb7eff-a529-9590-31e7-b0007b416f81
This commit is contained in:
commit-bot@chromium.org 2014-02-05 19:49:17 +00:00
parent c69b0d0ee5
commit ceba079e3b
2 changed files with 44 additions and 1 deletions

View File

@ -619,5 +619,41 @@ Loader.controller(
return d.toString();
}
/**
* Returns a hex color string (such as "#aabbcc") for the given RGB values.
*
* @param r (numeric): red channel value, 0-255
* @param g (numeric): green channel value, 0-255
* @param b (numeric): blue channel value, 0-255
*/
$scope.hexColorString = function(r, g, b) {
var rString = r.toString(16);
if (r < 16) {
rString = "0" + rString;
}
var gString = g.toString(16);
if (g < 16) {
gString = "0" + gString;
}
var bString = b.toString(16);
if (b < 16) {
bString = "0" + bString;
}
return '#' + rString + gString + bString;
}
/**
* Returns a hex color string (such as "#aabbcc") for the given brightness.
*
* @param brightnessString (string): 0-255, 0 is completely black
*
* TODO(epoger): It might be nice to tint the color when it's not completely
* black or completely white.
*/
$scope.brightnessStringToHexColor = function(brightnessString) {
var v = parseInt(brightnessString);
return $scope.hexColorString(v, v, v);
}
}
);

View File

@ -264,6 +264,12 @@
ng-checked="(sortColumn == 'weightedDiffMeasure')"
ng-click="sortResultsBy('weightedDiffMeasure')">
difference per pixel
<br>
<input type="range" ng-model="pixelDiffBgColorBrightness"
ng-init="pixelDiffBgColorBrightness=64; pixelDiffBgColor=brightnessStringToHexColor(pixelDiffBgColorBrightness)"
ng-change="pixelDiffBgColor=brightnessStringToHexColor(pixelDiffBgColorBrightness)"
title="image background brightness"
min="0" max="255"/>
</th>
<th>
<!-- item-selection checkbox column -->
@ -341,7 +347,8 @@
{{result.maxDiffPerChannel}}
<br/>
<a href="/static/generated-images/diffs/{{result.expectedHashDigest}}-vs-{{result.actualHashDigest}}.png" target="_blank">View Image</a><br/>
<img-compare type="differencePerPixel"
<img-compare ng-style="{backgroundColor: pixelDiffBgColor}"
type="differencePerPixel"
src="/static/generated-images/diffs/{{result.expectedHashDigest}}-vs-{{result.actualHashDigest}}.png"
ng-mousedown="MagnifyDraw($event, true)"
ng-mousemove="MagnifyDraw($event, false)"