It seems that, right now, the main problem is that I can't get TW to reference the image in a format that works. Even if I change the content type to `svg` and copy-paste the contents in, it still nests it within an img tag, which kills all interactivity, regardless of whether it's defined in a stylesheet or using Inkscape's funky method.
Do you know a way of inserting images that uses the svg or object tags, rather than the img tag? On Monday, July 8, 2019 at 12:59:56 PM UTC-6, A Gloom wrote: > > Spooky Noodle > > As long as I'm not interferring with what PMario is doing to help you, > I'll look at it. > > > >> Yes, that was deliberate on my part. When I originally had it as text, >> when I went to click on an object, I kept highlighting the text instead of >> activating the hyperlink, which is what I was intending to do. So, I >> converted the text to paths, so that I could still read the labels, but go >> straight into the area, rather than accidentally highlighting the text when >> I click on it. >> > > I'll have to look at your svg, but I'm thinking the text might be > overlaying the object and blocking the object click area-- might be fixed > with "cursor-event:none:" which will may the text invividle to the mouse > pointer. I'll let you know after I check out your svg. > > >> I'm not sure how this is different/similar to regular CSS, since I don't >> even know anything about CSS anyway >_< >> > > no problem, svg's are basically html (xml) files so they can get as > complex as a web page,but you shouldn't have to mess with TW unless you > want to create a custom sylesheet for all your svg's to share. Svg's can > heve their own CSS embeded directly into its code or a <style> declaration > in the tiddler containing it-- hers's an simple example of doing it in TW: > http://tobibeer.github.io/tb5/#Interactive%20SVG%20Image%20Map > > >> Can you guys also point me in the direction of resources I could read to >> try and get this done for myself? Pmario is super busy with his own >> projects, and I don't wanna bother him too much, but I do wanna be working >> on this as I can. >> > > here's somethings to get your started > > > https://medium.com/@mattcroak718/creating-an-interactive-map-using-svg-and-css-94a688c11bd6 > you'll get a "do not track" warning (a prvacy matter warning) with FF on > that pages embedded example-- it will up to you how to proceed > > http://www.petercollingridge.co.uk/tutorials/svg/ > this site as discusses using javascript so ignore them for now-- you can't > use those js example's in TW > > also do a Google searh for "svg interactive css" and you'll get some good > ref's > -- 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 tiddlywiki+unsubscr...@googlegroups.com. To post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at https://groups.google.com/group/tiddlywiki. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/33d1fdc2-236f-4f7b-8c0b-e6445c6b58bd%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
