TAGCANVAS-HTML5 Canvas Tag Cloud

http://www.goat1000.com/tagcanvas.php

Tagcanvas is a label cloud animation developed based on the HTML5 canvas technology. It also provides a version implemented in the form of a jquery plug-in.

It supports text and images in two formats and can be displayed in three shapes, sphere, hcylinder or vcylinder.

Tagcanvas also supports IE browser (implemented with Explorercanvas).

Specific parameters:

Option	Default	Description
Interval	20	Interval between animation frames, in milliseconds
Maxspeed	0.05	Maximum Speed of rotation
Minspeed	0.0	Minimum speed of rotation when mouse leaves canvas
Decel	0.95	Deceleration rate when mouse leaves canvas
Minbrightness	0.1	Brightness of tags at farthest point (0.0-1.0)
Textcolour	"#ff99ff"	Colour of the tag text
TextHeight	15	Height of the tag text font (in pixels)
Textfont	"Helvetica, Arial, Sans-serif "	Font family for the tag text
Outlinecolour	"#ffff99"	Colour of the box around the active tag
Outlinethickness	2	Thickness of outline in pixels
Outlineoffset	5	Distance of outline from text, in pixels
Pulsateto	1.0	Pulsate outline to this opacity (0.0-1.0)
Pulsatetime	3	Pulse rate, in seconds per beat
Depth	0.5	Controls the Perspective (0.0-1.0)
Initial	Null	Initial rotation, with horizontal and vertical as an array, e.g. [0.8,-0.3]. Values is multiplied by maxspeed.
Freezeactive	False	Set to true to pause movement when a tag is highlighted.
Frontselect	False	Set to True to prevent selection of tags in back of cloud.
Txtopt	True	Text optimisation, converts text tags to images for better performance.
Txtscale	2	Scaling factor of text when converting to image in Txtopt mode.
Reverse	False	Set to true to reverse direction of movement relative to mouse position.
Hidetags	False	Set to True to automatically hide the tag list element if Tagcanvas is started successfully.
Zoom	1.0	Adjusts the relative size of the tag cloud in the canvas. Larger values would zoom into the cloud, smaller values would zoom out.
Wheelzoom	True	Enables zooming the cloud in and out using the mouse wheel or scroll gesture.
Zoomstep	0.05	The amount, the zoom is changed by with each movement of the mouse wheel.
Zoommax	3.0	Maximum Zoom value.
Zoommin	0.3	Minimum Zoom value.
Shadow	"#000000"	Colour of the shadow behind each tag.
Shadowblur	0	Amount of Tag shadow blurring, in pixels.
Shadowoffset	[0,0]	X and Y offset of the tag shadow, in pixels.
Weight	False	Set to True to turn on weighting of tags.
Weightmode	"Size"	Method to use for displaying tag weights. Should be one of size, colour or both.
Weightsize	1.0	Multiplier for adjusting the size of tags when using a weight mode of size or both.
Weightgradient	{0: ' #f00 ', 0.33: ' #ff0 ', 0.66: ' #0f0 ', 1: ' #00f '}	The colour gradient used for colouring tags when using a weight mode of colour or both.
Weightfrom	Null	The link attribute the tag weight from. The default of NULL means the weight is taken from the calculated link font size.
Shape	"Sphere"	The shape of the cloud. Currently supported is sphere, hcylinder for a cylinder the starts off horizontal and vcylinder for a cylinder the that star TS off vertical.
Lock	Null	A value of "X" limits rotation of the cloud to the (horizontal) x-axis, and a value of ' Y ' limits rotation to the (Vertica L) Y-axis. (These is strings, so the quotes is required)

Demo

<! DOCTYPE html>

TAGCANVAS-HTML5 Canvas Tag Cloud