Есть функция для создания прямоугольника
Разметка
<button id="button2">6789</button>
<canvas id="canvas" width="500" height="500">
Код
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
function rect(x, y, width, height) {
this.x = x;
this.y = y;
this.width = width;
this.height = height;
this.draw = function() {
context.fillRect(this.x, this.y, this.width, this.height);
};
}
var rectc = [];
function randomFromTo(from, to) {
return Math.floor(Math.random() * (to - from + 1) + from);
}
$('#button2').click(function(){
var width = randomFromTo(10, 60);
var height = randomFromTo(10, 60);
var x = randomFromTo(0, canvas.width);
var y = randomFromTo(0, canvas.height);
var myRect = new rect(x, y, width, height).draw();
rectc.push(myRect);
})
как реализовать drag and drop для этого прямоугольника?