Как передать объект изображения в drawImage в JQuery?

Я пытаюсь изучить HTML5 и хочу сделать следующее:

1. Перетащите и скопируйте изображение на холст
2. Перетащите изображение снова внутрь этого холста.

Я пытаюсь сделать это с помощью JQuery и могу перетаскивать и копировать изображение. Я не могу перетащить изображение внутри холста.

Я проверил так много примеров и решений на stackoverflow, но везде это для изображения, которое уже присутствует на холсте. Есть ли способ передать объект изображения в методе drawImage в событии mousemove в jquery?

Я попытался следовать следующему примеру: http://jsfiddle.net/Zevan/QZejF/5/

но, как и у других, у этого уже есть изображения на холсте.

Я клонирую свое изображение со следующим кодом:

$("#img1").draggable({
    helper:'clone',
});

и внутри canvas.droppable я делаю это:

function dragDrop(e,ui){
    var x=parseInt(ui.offset.left-offsetX);
    var y=parseInt(ui.offset.top-offsetY);
    ctx.drawImage(img1,x-1,y);
}

Это же изображение я хочу снова перетащить внутрь холста. Пожалуйста помоги!! Я потратил 5 часов, но до сих пор не могу решить эту проблему.