html 5 canvas-based web page?

I'm trying to create a page that looks and behaves something like this:

http://www.hindbrain.net/ex5.php

The entire page is draw using javascript and a fullscreen canvas. I'd like to implement hyperlinks, eg on such a page. Is this possible? If not, is there a better way to achieve such a page? I've thought about using image maps but I'm not sure that you can place images at arbitrary coordinates on a page.

I've slightly implemented hyperlink functionality in javascript, but I'm not sure that this is the best way to do it.

thanks,
William

 

You need to learn a lot of javascript or you can do it in flash

 

I Just looked up flash. It costs $700. I guess that I won't use that.

I've read something about using position: relative / absolute and z-index: 1/2
Any idea if this will work?

The css:

#wrap {
width: 100%;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
z-index: 2;
position: relative;
}

canvas {
width: 100%;
height: 100%;
font-size: 48px;
z-index: 1;
position: absolute;
}



William

 

if you are ready to sacrifice rollover effects, image map is the best choice.
Dreamweaver has some easy tools to make image maps.
Still flash is the better choice for good interactivity.

 

You could most likely get things done with an image map. Check out this site for a fantastic tutorial:

http://www.frankmanno.com/ideas/css-imagemap/

The finished product is at the bottom of the site.