Proposal (ESRI gis/Pajek Interface) to combine SVG networks
with Background gis pictures in a new interface that is interactive and
provides a batch mode so as to make 100s of standardized time series
images, e.g., for dynamic gifs
In this hint we explain how to combine a series of Pajek's
network picture in SVG with bitmap background pictures of GIS images (made
with ESRI software for example).
Suppose that we would like to overlay the following bitmap picture,
stored in the file Capitals.jpg
with a SVG picture, stored in the file 299BG.svg
(only upper right corner seen; use Alt + mouse movement to move the picture)
First we determine the size of the bitmap picture - by importing it
into some viewer (IrfanView).
The size of Capitals.jpg is 957 x 749.
We also determine the size of the SVG picture - by opening it in a text
editor and looking at the parameters in the tag
<svg>. The size of 299BG.svg is 1608 x
1170. If the SVG picture was not exported from Pajek with
the transparent background setting in the Draw/Export/Options we
have to comment out (or simply delete) the background rectangle (7th line)
We save this SVG picture to 299w.svg.
Then we combine both pictures using the following 'template'
We set the size of the viewBox and the bitmap image to the
half of its original size, thus providing detailed background picture also
after (the first) zooming. Using the transformations scale and
translate we can control the size and position of SVG picture on
the background picture.
We save the combined picture as 299withBGw.svg. To
include it into a HTML page we use the 'template'