Zend Certified Engineer

phpguru.org

Quality PHP, Javascript and C# code
Download RGraph: HTML5 canvas graph library... Home ~ Downloads ~ FAQs ~ Licensing
RSS Feed RSS Feed
Follow me on Twitter Follow me on Twitter

Articles

HTML5

Javascript

PHP5

PHP4




Bookmark with delicious Stumble! this site tweet this site Buzz this!

Canvas and its native text functions

Warning: This is an example of the canvas native text functions. As such you'll need a recent browser. Eg. Firefox 3.5+, Safari 4+ or Chrome 2+.

[No canvas support]

X Delta:
Y Delta:
X:
Y:

This now uses the official canvas text functions. Ergo, as of 1st September 2009, it will only be working on Firefox 3.5, Chrome 2 and Safari 4 (maybe 3.1 - haven't got it installed).

The animation is quite simple and done by rotating the canvas before drawing the text, and then simply rotating it back. The angle that it is rotated by is then incremented. It doesn't seem as smooth as something similar I've done with CanvasText, but that will (hopefully) improve.



RGraph: HTML5 canvas graph library

Example graph made using RGraph

If you're interested in web development, then you may also be interested in RGraph: HTML5 canvas graph library. It uses HTML5 features to produce a wide variety of graph types. Because it moves the creation of graphs from the server to the client, it can significantly reduce the load on your server and your bandwidth usage.