<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<canvas id="111" width="700" height="700" style="border:20px solid rgb(0, 0, 0); background-color:rgb(110, 47, 192)">
</canvas>
</body>
</html>
<script>
var cvs=document.getElementById("111");
var cxt=cvs.getContext("2d");
img.src="img/111.jpeg";
var x=0,y=0;
img.onload=function(){
cxt.drawImage(img,100,100,100,100);
}
</script>