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
発言者 decimal, # 2006/08/29 17:58:39
発言者 cyberfly, # 2006/08/25 11:29:31
発言者 danigoldman, # 2006/08/24 3:38:38
発言者 freedj, # 2006/08/17 8:31:01
発言者 marpos, # 2006/08/15 10:42:45
J'aime ! J'adore ! I love !
発言者 silwek, # 2006/08/05 22:03:55
発言者 Azurasia, # 2006/08/04 6:13:38
発言者 grafio, # 2006/08/03 18:56:06
the XP version will mearsure both X, Y axis lengths, but Linux version will only measure along the X axis? is this correct?
thanks!
発言者 jsabarese, # 2006/08/02 13:34:17
発言者 wd2001, # 2006/07/30 10:58:30
発言者 grafio, # 2006/07/25 19:58:58
発言者 Jurgi, # 2006/07/22 19:12:19
発言者 Ramunas, # 2006/07/17 11:22:56
発言者 grafio, # 2006/07/14 13:35:38
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.
発言者 CrazyTerabyte, # 2006/07/12 22:24:02
発言者 peewack, # 2006/07/12 18:10:33
発言者 ELV1S, # 2006/07/10 17:49:31
I'll update it today.
EDIT: Done
発言者 grafio, # 2006/07/08 14:09:41
- 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.
発言者 Benjamin Joffe, # 2006/07/08 13:55:57
発言者 grafio, # 2006/07/08 9:56:03