Перемещение по канвасу JavaScript

Помогите настроить правильное перемещение картинки по канвасу с зажатой кнопкой мыши.

ссылка

В данный момент при нажатии как вы можете видеть картинка сдвигается в левый угол и перемещение по всей картинки осуществить невозможно.

Функции мыши:

var isMoving = false;canvas.addEventListener('mousedown', function(event) { // event.pageX, event.pageY - координаты `места` события 

 

 console.log(event.pageX); console.log(event.pageY); isMoving = true;}); 

canvas.addEventListener('mousemove', function(event) {  if (isMoving) {    moveIm(event.pageX, event.pageY);  };}); 

canvas.addEventListener('mouseup', function(event) { isMoving = false;});

Функция перемещения:

function moveIm(dx,dy){x0=dx ;y0=dy;

Рекомендую Вам создать проект с этой задачей.