SVG Image Maps From PNG Using Inkscape

[wattahay]

SVG Image Maps From PNG Using Inkscape

This thread has stuff about buttons in svg:

SVG <g> element as <$button> widget

I’ve been working on a complicated interactive SVG infographic, and I’ve learned I can use <$link> widgets to make ordinary <a> tags within it. I’ve been trying to create the SVG element as something within the TiddlyWiki widget tree. So, I’ve been trying to create the tag using <$button tag="g">. But then the particular <g> curve doesn’t render. Wrapping the <g> in a <$link> does work, and I understand that it creates a neutral <a> element wrapping the <g> element. But using <$link> I can on…

Brilliant. I forget to re-check the forum when new question arise after the old ones.

Thank you for your examples in the thread. I am able to use it around individual elements inside the <g> tags. I’m pretty sure it will work in multiple locations with a parameter to modify the macro/procedure.

And this is also built in to TiddlyWiki, because I originally did not want to use it thinking it was a custom widget.

• https://tiddlywiki.com/#Core%20Widgets
• https://tiddlywiki.com/#TriggeringWidgets
• https://tiddlywiki.com/#LinkCatcherWidget