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 [email protected].
To post to this group, send email to [email protected].
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/8aeec449-f72e-4eef-b554-b389e48f7e4a%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to