theme selector

light blue screenshot grey screenshot navy screenshot dark green screenshot red and black screenshot
 

by Tony Chang
tony@ponderer.org

All opinions on this site are my own and do not represent those of my employer.

Creative Commons Attribution License

scribbly

Sep 12, 2005, 01:48am EDT

 

 

I spent the afternoon playing with the canvas tag in Firefox. I ended up writing a hacky greasemonkey script for drawing on web pages.

scribbly screen shot

To draw, hold down the ALT key then click and drag on any web page. The results get saved locally in a user preference so they’ll still be there when you return to the page. You can press CTRL+SHIFT+K to erase all the lines.

The script isn’t really usable; it’s pretty slow and there’s this annoying bug where you can’t click through a transparent canvas unless the layer under it is using absolute positioning. I provided a hotkey (CTRL+SHIFT+T) to toggle the canvas on and off so you can still get to content, but it makes it painful to use the script. It’s more of a demo of the possibilites of canvas in Firefox.

Update: Greasemonkey 0.6.2 is compatible with Firefox 1.5b1.

allowed HTML: a, blockquote, ul, ol, li, dl, dt, dd, b, i, strong, em, code, abbr, acronym, sub, sup, span, pre

allowed HTML: a, blockquote, ul, ol, li, dl, dt, dd, b, i, strong, em, code, abbr, acronym, sub, sup, span, pre