Jimy,
что не так?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Проба</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
canvas{
border: 1px solid hsla(240, 100%, 50%, 1)
}
</style>
<body>
<canvas id="canvas" width="800" height="600"></canvas>
<script>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 = 'https://image.flaticon.com/icons/svg/2286/2286153.svg';
img1.onload = function() {
ctx.drawImage(img1, x, y,30,30);
};
};
var menu=new obMenu(700,10);
</script>
</body>
</head>
</html>