A virtual ruler! It's a useful tool for web designers and maybe for others too Simply click the grid in two places to measure the distance between the points (in pixels). To remove the points, click again. You can create straight lines with Shift key. You have to right click this widget to close it, because it covers the whole screen.
A simpler version of the ruler is included for Linux users, because widgets on Linux have problems with transparency. It will be detected and enabled automatically if you don't use Windows or Mac.
really nice. I think this tool could be a point of start for a nice widget development.
e.g. - it could be enhanced by capturing the #HEC color you're clicking on - One button somewhere in the space to abort - some loop function, to be more precise. - working on multiple monitors
@jsabarese: More or less. The Linux version is very different (and unfortunatelly - limited). It's because the whole idea of this widget was to have a translucent grid which cover the whole screen. On Windows and Mac you can click any point of the screen to measure the distance between the points. It wouldn't work on Linux, because widgets on Linux can't be translucent.
Grafio, thanks for a great, useful Widget. Let me make sure i have this clear-- the same "identical" widget is not really identical in terms of its behaviour in XP vs. Linux?
the XP version will mearsure both X, Y axis lengths, but Linux version will only measure along the X axis? is this correct?
It doesn't work properly on linux. There is no problem with transparency but only horizontal ruler is available. I can't measure vertical distances or across the screen
I'd love to see better Linux version too. Oh and transparency doesn't work on windows 98 as well, all I'm able to see is black background and the ruler, though it works fine.
- It seems to be quite laggy, I assume that this is because you are using canvas and are clearing the entire rectangle instead of just the line. To clear only the line more efficiently you should stroke over it again with a wider line and use the javascript:
ctx.globalCompositeOperation="destination-out";
- Place the points using onmousedown instead of onclick to make it more responsive to the click.
e.g.
- it could be enhanced by capturing the #HEC color you're clicking on
- One button somewhere in the space to abort
- some loop function, to be more precise.
- working on multiple monitors
By decimal, # Aug 29, 2006 5:58:39 PM
By cyberfly, # Aug 25, 2006 11:29:31 AM
By danigoldman, # Aug 24, 2006 3:38:38 AM
By freedj, # Aug 17, 2006 8:31:01 AM
By marpos, # Aug 15, 2006 10:42:45 AM
J'aime ! J'adore ! I love !
By silwek, # Aug 5, 2006 10:03:55 PM
By Azurasia, # Aug 4, 2006 6:13:38 AM
By grafio, # Aug 3, 2006 6:56:06 PM
the XP version will mearsure both X, Y axis lengths, but Linux version will only measure along the X axis? is this correct?
thanks!
By jsabarese, # Aug 2, 2006 1:34:17 PM
By wd2001, # Jul 30, 2006 10:58:30 AM
By grafio, # Jul 25, 2006 7:58:58 PM
By Jurgi, # Jul 22, 2006 7:12:19 PM
By Ramunas, # Jul 17, 2006 11:22:56 AM
By grafio, # Jul 14, 2006 1:35:38 PM
Maybe add two rulers, one vertical and one horizontal.
And also it is important to be able to MOVE the ruler (ok, my window manager allows me to use alt+mouse).
Maybe even the not-linux versions could use this "simplified" interface (by an option)
Also, drawing a ruler with numbers on them might be useful.
By CrazyTerabyte, # Jul 12, 2006 10:24:02 PM
By peewack, # Jul 12, 2006 6:10:33 PM
By ELV1S, # Jul 10, 2006 5:49:31 PM
I'll update it today.
EDIT: Done
By grafio, # Jul 8, 2006 2:09:41 PM
- Make it not possible to drag using the CSS:
- It seems to be quite laggy, I assume that this is because you are using canvas and are clearing the entire rectangle instead of just the line. To clear only the line more efficiently you should stroke over it again with a wider line and use the javascript:
- Place the points using onmousedown instead of onclick to make it more responsive to the click.
By Benjamin Joffe, # Jul 8, 2006 1:55:57 PM
By grafio, # Jul 8, 2006 9:56:03 AM