Peephole highlighting difference between two images. Interaction via moving a sliding windows over two images. Displays content of one image within sliding window; the other image outside of the sliding window. Bordercolor of window highlights the amount of different pixels between the two images for the area within the sliding window. Sliding window is resizable.
include rasterSweep.min.js and rasterSweep.min.css into your html
<script type="text/javascript" src="../raster-sweep/include/pixelmatch.js"></script>
<script type="text/javascript" src="../raster-sweep/rasterSweep.min.js"></script>
<link rel="stylesheet" type="text/css" href="../raster-sweep/rasterSweep.min.css" />and include the rasterSweep directive into your app
angular
.module('yourAppName', [
'raster-sweep'
]);We use a browserified version of pixelmatch. Credits to mapbox.