michael@0: michael@0:

Reftest analyzer: load reftest log

michael@0: michael@0:

Either paste your log into this textarea:
michael@0: <br/> michael@0: <input type="button" value="Process pasted log" onclick="log_pasted()" /></p> michael@0: michael@0: <p>... or load it from a file:<br/> michael@0: <input type="file" id="fileentry" onchange="fileentry_changed()" /> michael@0: </p> michael@0: </div> michael@0: michael@0: <div id="loading" style="display:none">Loading log...</div> michael@0: michael@0: <div id="viewer" style="display:none"> michael@0: <div id="pixelarea"> michael@0: <div id="pixelinfo"> michael@0: <table> michael@0: <tbody> michael@0: <tr><th>Pixel at:</th><td colspan="2" id="coords"/></tr> michael@0: <tr><th>Image 1:</th><td id="pix1rgb"></td><td id="pix1hex"></td></tr> michael@0: <tr><th>Image 2:</th><td id="pix2rgb"></td><td id="pix2hex"></td></tr> michael@0: </tbody> michael@0: </table> michael@0: <div> michael@0: <div id="pixelhint">★ michael@0: <div> michael@0: <p>Move the mouse over the reftest image on the right to show michael@0: magnified pixels on the left. The color information above is for michael@0: the pixel centered in the magnified view.</p> michael@0: <p>Image 1 is shown in the upper triangle of each pixel and Image 2 michael@0: is shown in the lower triangle.</p> michael@0: </div> michael@0: </div> michael@0: </div> michael@0: </div> michael@0: <div id="magnification"> michael@0: <svg xmlns="http://www.w3.org/2000/svg" width="84" height="84" shape-rendering="optimizeSpeed"> michael@0: <g id="mag"/> michael@0: </svg> michael@0: </div> michael@0: </div> michael@0: <div id="itemlist"></div> michael@0: <div id="images" style="display:none"> michael@0: <form id="imgcontrols"> michael@0: <label title="1"><input id="radio1" type="radio" name="which" value="0" onchange="show_image(1)" checked="checked" />Image 1</label> michael@0: <label title="2"><input id="radio2" type="radio" name="which" value="1" onchange="show_image(2)" />Image 2</label> michael@0: <label><input type="checkbox" onchange="show_differences(this)" />Circle differences</label> michael@0: </form> michael@0: <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="800px" height="1000px" viewBox="0 0 800 1000" id="svg"> michael@0: <defs> michael@0:  michael@0: <filter id="showDifferences" x="0%" y="0%" width="100%" height="100%" michael@0: style="color-interpolation-filters: sRGB"> michael@0: <feImage id="feimage1" result="img1" xlink:href="#image1" /> michael@0: <feImage id="feimage2" result="img2" xlink:href="#image2" /> michael@0:  michael@0: <feComponentTransfer result="inv1" in="img1"> michael@0: <feFuncR type="linear" slope="-1" intercept="1" /> michael@0: <feFuncG type="linear" slope="-1" intercept="1" /> michael@0: <feFuncB type="linear" slope="-1" intercept="1" /> michael@0: </feComponentTransfer> michael@0: <feComponentTransfer result="inv2" in="img2"> michael@0: <feFuncR type="linear" slope="-1" intercept="1" /> michael@0: <feFuncG type="linear" slope="-1" intercept="1" /> michael@0: <feFuncB type="linear" slope="-1" intercept="1" /> michael@0: </feComponentTransfer> michael@0:  michael@0: <feComposite result="w1" in="img1" in2="inv2" operator="arithmetic" k2="1" k3="1" /> michael@0: <feComposite result="w2" in="img2" in2="inv1" operator="arithmetic" k2="1" k3="1" /> michael@0:  michael@0: <feComponentTransfer result="c1" in="w1"> michael@0: <feFuncR type="linear" slope="-1" intercept="1" /> michael@0: <feFuncG type="linear" slope="-1" intercept="1" /> michael@0: <feFuncB type="linear" slope="-1" intercept="1" /> michael@0: </feComponentTransfer> michael@0: <feComponentTransfer result="c2" in="w2"> michael@0: <feFuncR type="linear" slope="-1" intercept="1" /> michael@0: <feFuncG type="linear" slope="-1" intercept="1" /> michael@0: <feFuncB type="linear" slope="-1" intercept="1" /> michael@0: </feComponentTransfer> michael@0:  michael@0: <feComposite result="c" in="c1" in2="c2" operator="arithmetic" k2="255" k3="255" /> michael@0:  michael@0: <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" /> michael@0: michael@0:  michael@0: <feMorphology result="dila1" in="a" operator="dilate" radius="1" /> michael@0:  michael@0: <feMorphology result="dila2" in="dila1" operator="dilate" radius="1" /> michael@0: michael@0:  michael@0: <feComposite result="highlight" in="dila2" in2="dila1" operator="out" /> michael@0: michael@0: <feFlood result="red" flood-color="red" /> michael@0: <feComposite result="redhighlight" in="red" in2="highlight" operator="in" /> michael@0: <feFlood result="black" flood-color="black" flood-opacity="0.5" /> michael@0: <feMerge> michael@0: <feMergeNode in="black" /> michael@0: <feMergeNode in="redhighlight" /> michael@0: </feMerge> michael@0: </filter> michael@0: </defs> michael@0: <g onmousemove="magnify(evt)"> michael@0: <image x="0" y="0" width="100%" height="100%" id="image1" /> michael@0: <image x="0" y="0" width="100%" height="100%" id="image2" /> michael@0: </g> michael@0: <rect id="diffrect" filter="url(#showDifferences)" pointer-events="none" x="0" y="0" width="100%" height="100%" /> michael@0: </svg> michael@0: </div> michael@0: </div> michael@0: michael@0: </body> michael@0: </html>