W3C home > Mailing lists > Public > www-archive@w3.org > March 2002

SVG neat hacks and quick writeup (fwd from ilrt tech list)

From: Dan Brickley <danbri@w3.org>
Date: Wed, 13 Mar 2002 14:05:10 -0500 (EST)
To: <www-archive@w3.org>
Message-ID: <Pine.LNX.4.30.0203131402260.2591-100000@tux.w3.org>

Todo: credit to the cast of thousands from #rdfig who helped brainstorm
and code all this... Jim, MaxF, Dean, Libby, Charles, Bert and others...

Fwd'd here as a start towards a writeup of

see also:

---------- Forwarded message ----------

Notes on SVG's coolness for photo metadata, authoring tools etc.

You can use SVG for image metadata, to overlay an image with information
about who is in which bit of a photo, for example:

Adobe plugin needed, http://www.adobe.com/svg/viewer/install/ or for
Linux/Moz, http://www.adobe.com/svg/viewer/install/old.html

This is a photo overlay with me highlighted:


Here's the same picture turned back into a JPEG, with Charles highlighted.
We used the Apache Batik tools to do this.


Here's the 'beer' region of the picture, with all non-beer blanked out:


...from which we can generate JPEGs or PNGs of various kinds, eg:


Here's an RDF file that embeds the main bits of the SVG path structures as
metadata about the image:


So this is nice. We can use SVG to talk about bits of photos, and
associate them with other things we know about the photos and the things
in them. All we need are authoring tools. Fortunately, there are two
straightforward ways of building authoring tools for this kind of SVG/RDF
metadata. Right now there are no polished tools, but we have all the raw
materials we need HTML imagemaps (100s of tools exist) and SVG itself.

Authoring SVG metadata via HTML:

Here's an old fashioned HTML imagemap (with regions associated with
mailto: URLs):

Here's an XML stylesheet that turns the (X)HTML imagep into SVG:


And here's the resulting SVG:

Authoring SVG metadata via SVG:

It turns out that SVG with scripting is ideal for creating an SVG editor.
Here's one Jim from #rdfig IRC wrote. It runs in the Adobe plugin, so all
the usual SVG features are available in the editor (eg. zooming in :)

This is an imagemap / path editor for SVG, written in SVG (prototype):


Hope this makes sense :)

ps. http://www.w3.org/2001/08/rdfweb/foafwho/Makefile shows how we hacked
together some of these demos
Received on Wednesday, 13 March 2002 14:05:10 UTC

This archive was generated by hypermail 2.3.1 : Wednesday, 7 January 2015 14:42:05 UTC