News archive
TagCanvas 1.16
Yes, a new version of TagCanvas just a few days after the last one was
released. This time I've properly fixed the tags remaining selected when
the cursor leaves the canvas bug, and added a new option,
imageScale, for setting the size of images.
Up until now, images were loaded and displayed at their full size, ignoring
any width=x, height=y or CSS that set their size
on the HTML page. The new imageScale option has a default value
of 1, which means to use the image at the size it appears on the page. You
can increase or decrease the value to scale the images up or down.
This does mean that for some browsers there may be a slight delay before the images are loaded into the cloud, as TagCanvas has to wait for the page to be fully loaded before it can tell how large the images should be.
TagCanvas 1.15
Lots of people have been asking me how to change the shape of the cloud TagCanvas produces recently, and since there were no options for doing that I have had to explain where to change things in the Javascript file to get the desired results. This new version incorporates a few new options that provide some of the changes that people have asked me about (and a couple of other changes).
The first new options change the shape of the cloud that is generated when
the script starts up. The radiusX, radiusY and
radiusZ options stretch or compress the cloud in the left-right,
up-down and in-out directions respectively. So if you want your cloud to
look like the tags are pinned to a rugby ball, you should keep the sphere
shape and set radiusX to 1.5 to elongate it horizontally. Or
you could change either the radiusY or radiusZ,
depending on which way up you want the ball to start off.
The radius[XYZ] options are fine if you want the cloud to tumble
(or if you lock the X or Y axis) but if you want the shape to remain in place
while the tags move across it, you will need the stretchX and
stretchY options. These affect the way that the cloud is drawn
when the 3D tag positions are converted to 2D canvas positions. The cloud
will normally fit best in a square canvas, so if for example you want to
fill a canvas with dimensions of 600x300, then using a
stretchX of 2 should do the trick.
SVGGraph 2.6
The new version of SVGGraph adds a number of features that have been requested several times - graph titles, axis labels and a legend for showing what the items on the graph mean.
I've resisted adding these for a long time, mainly because doing anything with
text in SVG is quite awkward. As the text is rendered in the browser using the
fonts and settings that the end user has available, SVG does not provide any
text measuring functions - so knowing how much space a line of text is going to
take up is a bit tricky. The new graph_title_*,
label_* and legend_* options are available now anyway,
and I've provided several extra options for adjusting how the text looks. In
total, there are around 40 new options in this version.
TagCanvas 1.14
This version adds support for assigning tooltips to the tags in the cloud.
Tooltips are turned off by default, so the tooltip option is
there to turn it on and specify the method to use. The option supports three
values: null being the default with no tooltips,
native to use tooltips provided by the operating system and
div to use a custom div element that can then be styled using
CSS.
Both options work by copying the contents of the title
attribute from the tag links, and using it as the tooltip text. The
native option works by changing the title
attribute of the canvas when the mouse enters or leaves a tag. This works
quite well in most browsers, though it doesn't work at all in Opera and
only works when the mouse first enters the canvas in FireFox. Which is
why I also added the div method.
SVGGraph 2.5.1
Just a quick bugfix for SVGGraph - data values of 0 were messing up the bar display for the StackedBarGraph and HorizontalStackedBarGraph types, so this update fixes it.
Updated files are available from the downloads page.