перетаскивание и изменение размера изображения на холсте html5

Я строю HTML5 редактор изображений холста. После загрузки изображения на холст мне нужно перетащить и изменить его размер на холсте. Мне удалось загрузить изображение и сделать его перетаскиваемым на холсте. Но мне нужно сделать его изменяемым и на холсте. Заранее спасибо.

var Img = new Image();
Img.src = file;
Img.onload = function () {
  context.drawImage(Img, 50, 0, 200, 200); 
}
mouseMove = function (event){
if (down) 
{
 context.clearRect(0,0,800,500);
 context.translate(0, -50); 
 context.drawImage(Img, (event.clientX - offsetX),
 (event.clientY - offsetY), 200, 200);
 context.translate(0, 50);
}
}
mouseUp = function () {
  down = false;
}
mouseDown = function () {
  down = true;
}
canvas.addEventListener('mousedown', mouseDown, false);
canvas.addEventListener('mouseup', mouseUp, false);
canvas.addEventListener('mousemove',mouseMove, false);

Я пробовал с кинетикой JS, но это не подходит с холстом.

Ответы на вопрос(1)

Ваш ответ на вопрос