проблема с localStorage
 

Сохраняю изображение в localStorage и при выводе данных получаю none
вот html код:

<img src='img.png' id='img'>

вот js код:

function saveImage(url) {
var img = document.createElement("img");
img.src = url;
img.onload = function() {
var key = encodeURIComponent(url),
canvas = document.createElement("canvas");
canvas.width = img.width;  
canvas.height = img.height;  
var ctx = canvas.getContext("2d");  
ctx.drawImage(img, 0, 0);
localStorage.setItem(key, canvas.toDataURL("image/png"));
}}
//запись в localStorage:
saveImage(document.getElementById('img').src)
//вот вызов объекта из localStorage:
localStorage.getItem(document.getElementById('img').src)

при выводе выдает 'none'

Green Elephant,
строка 16 плохо согласуется со строкой 5