Как применить drag and drop?

Question

[Иван Симонов]

Здравствуйте
Есть код https://jsfiddle.net/4wdnkpf5/

Пытаюсь добавить dnd, но неработает

function getMousePosition(e) {
		console.log('getMousePosition ' + e)

		xOffset.x = e.pageX - canvas.offsetLeft;
		yOffset.y = e.pageY - canvas.offsetTop;
	}

	let mouseDown = function (e) {
		if (e.which == 1) {
			getMousePosition(e);
			tracking = true;
			balls.forEach(ball => {
				ball.xOffset = xOffset.x
				ball.yOffset = yOffset.y
			})

			console.log('mouseDown ' + e)
		}
	}

	let mouseUp = function (e) {
		if (e.which == 1) {
			tracking = false;

			balls.forEach(ball => {
				ball.xOffset = (ball.xOffset - xOffset.x) / 10;
				ball.yOffset = (ball.yOffset - yOffset.y) / 10;
			})

			console.log('mouseUp ' + e)
		}
	}

	canvas.onmousemove = getMousePosition;
	canvas.onmousedown = mouseDown;
	canvas.onmouseup =  mouseUp;

Подскажите, что делаю не так
Спасибо

Answer 1

[RAX7]

https://jsfiddle.net/9xqm23yb/