With this page you can display an image of a Gunter rule with a simulated pair of dividers, and enable visitors to operate it.
No Flash or other plugins needed! You can also use your own images!

URL options:

w=<n> width of image in px (optional)
t=<string> title or description (optional, URL-encoded string)
bg=<string> document background color (name or hex-without-#, default: black)
img=<string> URL of an image, e.g. GunterHiRes4a_topFront.jpg
abs=<x,y> Position of the left top of the image on the screen, in pixels (optional)
rel=<x,y> Position of the left top of the image on the screen, relative to screen size (optional)
opa=<n> Opacity of image, on 0...100 scale. Optional. Default:100

Compose your own animation:

URL:

w=  px  maximum width in px (optional, used for scaling)
t= title or description (optional, will be automatically URL-encoded here)
bg= document background color (name or hex-without-#)
bas= base URL (optional, a prefix for all img URLs)
lang= language
NUM: 0,10.1:,; 10: , px  coordinates of extremes of NUM scale (optional, only to be supplied when NUM scale is visible, to be used in calculation animation)
calc:   calculation to be animated using NUM scale (optional, only to be supplied when NUM scale is visible, NUM coordinates need to be specified)
div= , absolute x,y-position of pair of dividers
img= URL of an image of a Gunter scale
abs= , Position of the left top of the image on the screen, in pixels (optional)
rel= , Position of the left top of the image on the screen, relative to screen size (optional)
opa= Opacity of image, on 0...100 scale. (optional, default:100)

 


Examples:

drag divider drag divider drag to open/close divider drag to open/close divider drag to open/close divider drag to open/close divider
?
×
How to use the Gunter scale
Place the dividers' points on the desired places by dragging the red circles.
Rotate the dividers as a whole by clicking (or right-clicking) the joint.
Drag the dividers as a whole by grabbing the little stem sticking out of the joint, or using the keys.
Press the SPACE bar to make the dividers more transparent.
Gebruik van een Gunter-schaal
Plaats de punten van de steekpasser op de gewenste plaatsen door de rode cirkels te slepen.
Roteer de hele steekpasser door op het gewricht te klikken (of met de rechtermuisknop te klikken).
Verplaats de gehele steekpasser door het kleine steeltje dat uit het gewricht steekt vast te pakken, of met de toetsen.
Druk op de SPATIE-balk om de steekpasser transparant te maken.