Buduję edytor obrazów płótna HTML5. Po przesłaniu obrazu do obszaru roboczego muszę przeciągnąć i zmienić jego rozmiar na płótnie. Udało mi się przesłać obraz i uczynić go przeciągalnym na płótnie. Ale muszę zmienić rozmiar także wzdłuż płótna. Z góry dziękuję.

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);

Próbowałem z kinetics js, ale nie nadaje się do płótna.