Ciao Gloom
Interesting riff off Mat's demo! I will take a closer look!
Best wishes
TT
On Thursday, 6 February 2020 12:17:52 UTC+1, A Gloom wrote:
>
> This doen't allow "drawing" over an image but it can display (with turning
> layers on a off) an overlay or many overlays once created
>
> __NOTES__:<br/>1) //with svg's-- external images, raster & vector, not
> part of the svg code but inserted with a image element inside the svg will
> not display when the svg is used with html img tag//<br/>
> 2) //mouse / pointer events like hover don't work with html img tags for
> external svg display//
>
> <$reveal type="nomatch" state="!!filter-field" text="show">
> <$button set="!!filter-field" setTo="show">hide terrain</$button>
> <style>.maptestop {opacity:1;}</style>
> </$reveal>
> <$reveal type="match" state="!!filter-field" text="show">
> <$button set="!!filter-field" setTo="hide">show terrain</$button>
> <style>.maptestop {opacity:0;}</style>
> </$reveal>
> <!-- button 2 -->
> <$reveal type="nomatch" state="!!filter-field1" text="show">
> <$button set="!!filter-field1" setTo="show">hide overlay</$button>
> <style>.maptestop2 {opacity:1;}</style>
> </$reveal>
> <$reveal type="match" state="!!filter-field1" text="show">
> <$button set="!!filter-field1" setTo="hide">show overlay</$button>
> <style>.maptestop2 {opacity:0;}</style>
> </$reveal>
>
> <div style="position:relative; width:100%; margin:0px; padding:0px;
> vertical-align:top; border:dotted 4px;">
> @@.maptestop
> <img src="mapcityL301.png" width="" height="" class="maptestop"/>
> @@
> <div style="position: absolute; left:0; top:0; width:100%; margin:0px;
> padding:0px; vertical-align:top; border:dotted 4px;">
> @@.maptestop2
> <img src="mapareaL3new.svg" width="" height="" class="maptestop2"/>
> @@
> </div>
> </div>
>
>
>
--
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/77c033c9-81a0-469d-afb4-ceb40f556955%40googlegroups.com.
