перетаскивание и изменение размера изображения на холсте 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, но это не подходит с холстом.