Interactive Vernier Calliper

This is an animation which shows how a Vernier Caliper works - fully interactive

Built using JavaScript, HTML5, Canvas, CSS3


More About This Demo From The Author

In this animation, the Vernier scale can be moved along the main scale so that small measurements can be made, correct to 0.1 mm.
It works well with Google Chrome, Safari and Internet Explorer. Unfortunately, not very well with Firefox due to an issue with slider control.
The animation is created by HTML5 and JavaScript alone; no images are used.

About this Demo

Download the Source 3.16 KB · ZIP File

Browse the Source

This demo is released under the MPL/GPL/LGPL license.

More by Vivax-Solutions