created by http://livecoding.io

README.md

View this code at http://livecoding.io/4056243

options.json

{
    "libraries": [],
    "mode": "javascript",
    "layout": "sketchpad mode",
    "resolution": "480 x 320"
}

water.html

<svg height=310 width="480">

</svg>

water.js

var img = new Image();
img.src = 'http://i.imgur.com/C3gJY.png';
img.onload = function(e) {
console.log(e.srcElement.src);
var s = document.createElementNS('http://www.w3.org/2000/svg','image');
s.setAttributeNS(null,'height', img.width);
s.setAttributeNS(null,'width', img.height);
s.setAttributeNS('http://www.w3.org/1999/xlink',
         'href',this.src);
s.setAttributeNS(null,'x','0');
s.setAttributeNS(null,'y','0');
s.setAttributeNS(null, 'visibility', 'visible');
$('svg').append(s)
  
}