Hi there.. im learning how to code html and am currently busy with canvas. I want to ad a picture onto the canvas but cant
figure out where my mistake is. I might be doing something very wrong or just a spelling mistake.
please help.. here is the bit of code...

<!DOCTYPE HTML>

<html>

<head>
<p>Image to use</p>
<img id="logo" src="C:\Users\Johan\Pictures\AssassinLogo.png" width="200" height="300">
<p>Canvas Image</p>
<canvas id="canvas" width="200" height="300" style="border:1px solid #000000;">
<strong>No Canvas Support</strong>
</canvas>

<script language="javascript">

function insertImage()
{
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");

var logo = new Image();
logo.src = "C:\Users\Johan\Pictures\AssassinLogo.png";

logo.onload = function()
{
context.drawImage(logo, 100, 120);
}
}
</script>
</head>
</html>