My previous posts on HTML5’s canvas implementation have simply drawn a static image; be it a thermometer, speedometer or a map. This post blends together the various methods covered in the aforementioned posts to draw an animated compass. This is achieved by adding two elements to the canvas. These are the background image (a compass without its needle) and the compass needle which is continuously animated in a circular motion.
View original post 650 more words