Javascript: vytvoření linku ke stažení

Dobrý den,
Prošel jsem mnoho diskuzí a tutorialů na toto téma, ale žádná nefungovala, tak, jak bych si přál.
Problém se má tak:
V HTML5 jsem si vytvořil canvas a chci při kliknutí na tlačítko načíst obrázek z canvasu a poté druhým tlačítkem tento obrázek uložit do PC. Bohužel má JS funkce má mnoho chyb( tou základní je to, že to nic moc neukládá :D ).
Tlačítka:

<button onclick="saveCanvas()">SavePicture</button>
<a href="#" download="img.png" id="stahuj">Download</a>

JS funkce saveCanvas():

function saveCanvas(){

	var canvas = document.getElementById("imageView");
	var img    = canvas.toDataURL("image/png");
	
	var url = img.src.replace(/^data:image\/[^;]/, 'data:application/octet-stream');
 
	var odkaz = document.getElementById("stahuj");
	odkaz.setAttribute("download",img);

	
}

Budu rád za každou radu.

Děkuji