<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<style>
img{
position: absolute;
}
</style>
<body>
<img src="https://javascript.ru/forum/images/ca_serenity/misc/logo.gif" alt="">
<script>
var el = document.querySelector('img');
el.onmousedown = function(e) {
var a = [e.pageX - el.getBoundingClientRect().left, e.pageY - el.getBoundingClientRect().top];
document.onmousemove = e => el.style.cssText = 'left:'+(e.pageX-a[0])+'px; top:'+(e.pageY-a[1])+'px';
el.onmouseup = function() {
document.onmousemove = null;
el.onmouseup = null;
};
};
el.ondragstart = e => false;
</script>
</body>
</html>