Cheezy Canvas Test #6 - reactive interfaces

The concept behind this test is to show how you could place a canvas element behind some markup and creat some interesting rollover effects. Not only that, you could "annotate" the markup with perhaps callouts, thought ballons, diagrams, etc. etc.

How I constructed this test was to place a canvas element behind some markup via css, then on mouseover, highlight the link via drawing a rectangle around the target element as well as a larger circle around that. I dont have to know what the content is, since the dimensions and position come from the event object on each element.

You might also imagine having a marker board style background canvas that allowed you to draw "on" the markup and take notes, highlight elements. or connect elements on the screen.