TagCanvas 1.17
Published
This is a bugfix release - I had one bug reported to me that click events
added to tags using jQuery were not firing in IE9, so this version fixes
that. I've also fixed some bugs I found in handling of the
imageScale option when the size of the image was set without
using both the width and height HTML attributes, and an older bug where
images might not be drawn until the cloud moves.
In case anyone was wondering if you could use web fonts with TagCanvas, I've made this example (click on a font name to change the font - the current font is shown in the bottom left):
I'm using Google Web Fonts for this, though you should be able to use any web fonts. The important point to note about using web fonts with TagCanvas is that the font must be loaded before TagCanvas is started. If the font is not loaded when TagCanvas starts, you will either end up with a cloud of small, blank tags, or tags rendered in the browser's default font, depending on the browser.
Because I'm using the Google Web Fonts loader, it is quite easy to know when
the fonts are loaded. Instead of adding my TagCanvas.Start(...)
to the window onload event handler, I've added it to the
WebFontConfig.active callback handler that is triggered when the
fonts are loaded:
WebFontConfig = {
google: { families: ['Nosifer::latin', 'Niconne::latin', ... ] },
active: function() { TagCanvas.Start('fontCanvas','gwftags') }
};
This is not quite the actual code I have used, but it is pretty close - you can view the page source if you want to see the full story. If you prefer to use Typekit for your web fonts, that has a similar event callback mechanism that you should use to start TagCanvas when the fonts have loaded.
The latest version of TagCanvas is available on the TagCanvas page.