3 entries tagged
batik
The three headline articles on XML.com all concern SVG: The Visual
Display of Quantitative XML (Fabio Arciniegas A.) transforms data
using XSLT (and uses JavaScript for
interaction that I have shown can
be done with intrinsic animation); Server-Side
SVG (J. David Eisenberg) describes using Java with Batik to serve SVG
graphics, with fall-back to JPEG or PNG should the user’s browser not support
SVG; Doing that
Drag Thang (Antoine Quint) gives a system for making
draggable objects in SVG (using EcmaScript); this is the second in
his series, which starts with Digging
Animation, where he compares SVG with SWF (Macromedia Flash) and shows how to suplicate
a simple interactive animation.
My virtual tarot deck is published in
SVG, but the index
pages are still in
HTML,
which is a problem for people trying to visit
using an SVG-only browser like Batik. So I intend to make
an SVG-powered index page.
My first attempt
uses the SVG image tag and intrinsic animation
to switch between cards. This turns out to be unsatisfactory on
two counts. First, it works by rendering the card and then
displaying the result as if it were a raster image—on my
computer that leaves the screen blank for some seconds while the
off-screen rendring takes place. Second, the resulting image
is not interactive—you lose the feature of the pips cards
where the illustration can be switched on and off.
Because my font is
all-lower-case, I tried using the text-transform
property of CSS to
convert card titles in the SVG-powered index page. This property does
not exist in SVG, which causes Batik 1.1 to balk (Adobe SVG
Viewer merely ignored it). So I have posted revised versions of
the files that hopefully will work better.
