Вот такой простой код
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Проба</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<body>
<canvas id="canvas" width="800" height="600"></canvas>
<script src="level1.js"></script>
</body>
</head>
</html>
А вот хочу вывести изображение в заданный координатах (именно чтобы был мой объект) level1.js
var c=document.getElementById('canvas');
var ctx=c.getContext('2d');
var obMenu=function(x,y){
this.x=x;
this.y=y;
var img1 = new Image();
img1.src = 'menu.png';
img1.onload = function() {
ctx.drawImage(img1, this.x, this.y,30,30);
};
};
var menu=new obMenu(700,10);