TagCanvas screenshot
TagCanvas with web font

TagCanvas is a Javascript class which will draw and animate a HTML5 canvas based tag cloud. It is based on http://www.goat1000.com/tagcanvas.php. This module is dependent on Tagadelic module.


- Tagedelic 7.x-1.x only (http://ftp.drupal.org/files/projects/tagadelic-7.x-1.x-dev.tar.gz), see #2005866: Support tagadelic 7.x-2.x


- Install Tagadelic and TagCanvas module in your sites/all/modules or sites/default/modules
- Download TagCanvas jQuery plugin into the sites/all/libraries/tagcanvas from http://www.goat1000.com/tagcanvas.php#links
So you have
sites/all/libraries/tagcanvas/jquery.tagcanvas.min.js, and/or
- (Optional) For IE < 9, download Explorer Canvas into sites/all/libraries/excanvas_r3 from http://code.google.com/p/explorercanvas/
So you have
- (Optional, since 1.1) If you are using web font such as @font-your-face, install and enable the Google Webfont Loader, no configuration needed


- Enable Tagadelic module and configure its taxonomy block
- For each block you want to enable TagCanvas, check the 'Display as TagCanvas' checkbox
- A sensible default TagCanvas options has been provided
- Customize the TagCanvas options, you can find a list of all the available options at http://www.goat1000.com/tagcanvas.php#optionList.
- Additional options provided by this module are 'canvasHeight', 'canvasWidth' in px, or "auto" to take its parent height/width.

Similar modules

- Cumulus, flash based


- Tagadelic, where all the real work happens
- Initially sponsored by HypnoBirthing.com.my and forDrupal.com
- Developed by myfinejob.com


- Flattr this

Project information