HTML5 - linking from an image in a canvas after using drawImage?

[mhookem]

<canvas id='pic' style="position:absolute; left:30px; top:50px; z-index:60;">
</canvas>
<script type="text/javascript">
var q=document.getElementById("pic");
var qtx=q.getContext("2d");
var img=new Image();
img.onload=function(){
qtx.drawImage(img,0,0,45,45);
}
img.src="../images/Help.png";
</script>

Ok. Can someone show me how to make the image clickable?

i.e. <a href ="#help"><img src="images/mylmg.png"/></a>

This would be the usual way not putting the canvas into the equation.
I've tried a couple of things but no luck.

Any suggestions would be greatly appreciated.

[mhookem]

Ok! Five minutes later and I've almost solved it!

pic.onClick = function(){
parent.location ='#help';
}

This works but...

There's no hand when you hover the mouse over it to show that it's a link.......mmmmmm.....

*edit. Problem solved. putting cursor: pointer in the canvas style attributes has done the trick.

[AlphaMare]

Ok! Five minutes later and I've almost solved it!

pic.onClick = function(){
parent.location ='#help';
}

This works but...

There's no hand when you hover the mouse over it to show that it's a link.......mmmmmm.....

*edit. Problem solved. putting cursor: pointer in the canvas style attributes has done the trick.

Thanks for posting the solution - it may help someone else.