Reftest analyzer: load reftest log

Either paste your log into this textarea:
<br/> <input type="button" value="Process pasted log" onclick="log_pasted()" /></p> <p>... or load it from a file:<br/> <input type="file" id="fileentry" onchange="fileentry_changed()" /> </p> </div> <div id="loading" style="display:none">Loading log...</div> <div id="viewer" style="display:none"> <div id="pixelarea"> <div id="pixelinfo"> <table> <tbody> <tr><th>Pixel at:</th><td colspan="2" id="coords"/></tr> <tr><th>Image 1:</th><td id="pix1rgb"></td><td id="pix1hex"></td></tr> <tr><th>Image 2:</th><td id="pix2rgb"></td><td id="pix2hex"></td></tr> </tbody> </table> <div> <div id="pixelhint">★ <div> <p>Move the mouse over the reftest image on the right to show magnified pixels on the left. The color information above is for the pixel centered in the magnified view.</p> <p>Image 1 is shown in the upper triangle of each pixel and Image 2 is shown in the lower triangle.</p> </div> </div> </div> </div> <div id="magnification"> <svg xmlns="http://www.w3.org/2000/svg" width="84" height="84" shape-rendering="optimizeSpeed"> <g id="mag"/> </svg> </div> </div> <div id="itemlist"></div> <div id="images" style="display:none"> <form id="imgcontrols"> <input id="radio1" type="radio" name="which" value="0" onchange="show_image(1)" checked="checked" /><label id="label1" title="1" for="radio1">Image 1</label> <input id="radio2" type="radio" name="which" value="1" onchange="show_image(2)" /><label id="label2" title="2" for="radio2">Image 2</label> </form> <form id="diffcontrols"> Differences: <input id="radio_diff_none" name="diff" value="0" type="radio" onchange="show_diff_none()" checked="checked"/> <label for="radio_diff_none">None</label> <input id="radio_diff_circle" name="diff" value="1" type="radio" onchange="show_diff_circle()" /> <label for="radio_diff_circle">Circle</label> <input id="radio_diff_heatmap" name="diff" value="2" type="radio" onchange="show_diff_heatmap()" /> <label for="radio_diff_heatmap">Heatmap</label> </form> <canvas width="800" height="1000" id="heat_canvas" style="display:none;"></canvas> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="800" height="1000" id="svg"> <defs> <!-- use sRGB to avoid loss of data --> <filter id="showDifferences" x="0%" y="0%" width="100%" height="100%" style="color-interpolation-filters: sRGB"> <feImage id="feimage1" result="img1" xlink:href="#image1" /> <feImage id="feimage2" result="img2" xlink:href="#image2" /> <!-- inv1 and inv2 are the images with RGB inverted --> <feComponentTransfer result="inv1" in="img1"> <feFuncR type="linear" slope="-1" intercept="1" /> <feFuncG type="linear" slope="-1" intercept="1" /> <feFuncB type="linear" slope="-1" intercept="1" /> </feComponentTransfer> <feComponentTransfer result="inv2" in="img2"> <feFuncR type="linear" slope="-1" intercept="1" /> <feFuncG type="linear" slope="-1" intercept="1" /> <feFuncB type="linear" slope="-1" intercept="1" /> </feComponentTransfer> <!-- w1 will have non-white pixels anywhere that img2 is brighter than img1, and w2 for the reverse. It would be nice not to have to go through these intermediate states, but feComposite type="arithmetic" can't transform the RGB channels and leave the alpha channel untouched. --> <feComposite result="w1" in="img1" in2="inv2" operator="arithmetic" k2="1" k3="1" /> <feComposite result="w2" in="img2" in2="inv1" operator="arithmetic" k2="1" k3="1" /> <!-- c1 will have non-black pixels anywhere that img2 is brighter than img1, and c2 for the reverse --> <feComponentTransfer result="c1" in="w1"> <feFuncR type="linear" slope="-1" intercept="1" /> <feFuncG type="linear" slope="-1" intercept="1" /> <feFuncB type="linear" slope="-1" intercept="1" /> </feComponentTransfer> <feComponentTransfer result="c2" in="w2"> <feFuncR type="linear" slope="-1" intercept="1" /> <feFuncG type="linear" slope="-1" intercept="1" /> <feFuncB type="linear" slope="-1" intercept="1" /> </feComponentTransfer> <!-- c will be nonblack (and fully on) for every pixel+component where there are differences --> <feComposite result="c" in="c1" in2="c2" operator="arithmetic" k2="255" k3="255" /> <!-- a will be opaque for every pixel with differences and transparent for all others --> <feColorMatrix result="a" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 1 0 0" /> <!-- a, dilated by 1 pixel --> <feMorphology result="dila1" in="a" operator="dilate" radius="1" /> <!-- a, dilated by 2 pixels --> <feMorphology result="dila2" in="dila1" operator="dilate" radius="1" /> <!-- all the pixels in the 2-pixel dilation of a but not in the 1-pixel dilation, to highlight the diffs --> <feComposite result="highlight" in="dila2" in2="dila1" operator="out" /> <feFlood result="red" flood-color="red" /> <feComposite result="redhighlight" in="red" in2="highlight" operator="in" /> <feFlood result="black" flood-color="black" flood-opacity="0.5" /> <feMerge> <feMergeNode in="black" /> <feMergeNode in="redhighlight" /> </feMerge> </filter> </defs> <g onmousemove="magnify(evt)"> <image x="0" y="0" width="100%" height="100%" id="image1" /> <image x="0" y="0" width="100%" height="100%" id="image2" /> </g> <rect id="diffrect" filter="url(#showDifferences)" pointer-events="none" x="0" y="0" width="100%" height="100%" /> </svg> </div> </div> </body> </html>