La librería Edge.js combina Canvas y JavaScript para aplicar una imagen como máscara sobre otra imagen. Por regla: la imágen que aplicaremos como máscará debe ser PNG.
Como usarlo
<script type="text/javascript">
var mask2load = new Array();
mask2load[0] = "masks/8bit/crippleedge.png";
mask2load[1] = "masks/8bit/frizzedge.png";
mask2load[2] = "masks/8bit/softedge.png";
mask2load[3] = "masks/8bit/splatteredge.png";
mask2load[4] = "masks/8bit/waveedge.png";
</script>
// else only this line...
<script type="text/javascript" src="edge.js"></script>
Vía Ajaxian