The SVG Editor ( https://tid.li/tw5/apps/svg.html ) demo'ed previously 
would also work as an overlay editor.

* first element in the svg would be your raster image using the 

<image href="mapareaL3new.png" x="0" y="0" height="100%" width="100%" />
(older depreciated <image xlink:href="mapareaL3new.pmg" x="0" y="0" 
height="100%" width="100%" />)

OPTIONAL: x="0" y="0" 
positons the raster image inside the svg, x="0" y="0" is upper left corner 
of svg
REQUIRED: height="100%" width="100%"
scales raster image to fit the full space of the svg, you can reduce the 
amount of space inside the svg the raster image occupies -- to change the 
svg overlay & raster image together, use the height="" width="" sttributes 
in root svg tag <svg ...>

the raster image will be scaled automatically by the svg

https://developer.mozilla.org/en-US/docs/Web/SVG/Element/image

-- this can also be done with the foreignObject tag for pdf, html, text 
pages-- in the "Quad Stuffed SVG's" topic iirc I show a 4 pane svg 
viewer/navigator with in-tiddler svg map key (left side) & map and 2 
foreignObject iframes for displaying external html page and raster images 
(right side)

* then after that (below the in the code so they sit over the raster 
image-- svg works like html in stacking order-- first element at bottom, 
last element on top)

-- using svg overlay allows embedding wikitext and tiddler links

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/e18e046a-110b-470b-8178-7d588e9b37e8%40googlegroups.com.

Reply via email to