<canvas width="800" height="600" id="canvas1"

style="border:1px solid blue";

onmouseenter=drawtext() >







</canvas>
<input type="button" onclick="showpictures()"

value="Load">

<script>
var canvas = document.getElementById("canvas1");
var ctx = canvas.getContext("2d");
function showpictures()
{

var img = new Image();
img.src = "Cisco";
ctx.drawImage(img, 10, 10);
}

function drawtext()
{
ctx.fillText("Hello World",10,50);
}

</script>