- Inkscape Users - Inkscape Mailman

SVG Clickmap Landmines
by Steve Litt 10 May '17

10 May '17

Hi all, I think I understand SVG clickmaps now, how to make them, how to troubleshoot them, and the like. But it took a long time to learn because I kept running into time consuming problems. There's documentation about those problems, but it's scattered all over the web, and much of it's contradictory. I'd still be trying to put it together if not for the help of several people on this mailing list, and I thank you for that. So to ease the path of those who follow me, I put up a map of the landmines one's likely to run into while learning/using SVG clickmaps. Once a person knows these landmines exist, he/she can go about his/her business, and if something goes wrong, a simple reference to the landmines page substitutes for hours of web search and experimentation. Here's the URL of the SVG clickmaps landmines page: http://troubleshooters.com/codecorn/svg_clickmaps/landmines.htm SteveT Steve Litt May 2017 featured book: Twenty Eight Tales of Troubleshooting http://www.troubleshooters.com/28

2 5

Yin / Yang symbol - how to get rid of fine line
by Philip Rhoades 09 May '17

09 May '17

People, How would I get rid of the fine, black vertical line in the centre of the top half of this symbol I created? Thanks, Phil. -- Philip Rhoades PO Box 896 Cowra NSW 2794 Australia E-mail: phil@...2067...

4 3

New video "clonezilla"
by Jabier Arraiza 09 May '17

09 May '17

Hi all. here are my last video about clone original path LPE https://www.youtube.com/watch?v=JAJAxKNY8lA Hope you like it.

2 2

Buried shovel warning
by Steve Litt 08 May '17

08 May '17

Hi all, If you're working with Object Properties you might be tempted to check "Lock" so the object can't receive focus on a web page. Makes perfect sense. But be aware that it also prevents the object from receiving focus in Inkscape itself, so there's no way to unlock it short of going into the XML itself and deleting the line that locks it. I did it with Gvim, you might be able to do it with Inkscape's XML view: I didn't try. SteveT Steve Litt April 2017 featured book: Troubleshooting Techniques of the Successful Technologist http://www.troubleshooters.com/techniques

4 3

Pothole alert
by Steve Litt 07 May '17

07 May '17

Hi all, There's a pesky pothole you can fall into on the Embedded Script Files subtab of the Scripting tab of the Document Properties dialog. You click the plus sign, a script ID appears in the Script ID list, so you say "good, now I'll type in all the functions into the Content field." Bzzzt, you've just lost time, and without just the right moves it will be all the time you spent typing into that little, unenlargeable Content field. You had forgotten to highlight the script ID, and the second you do, all your functions vanish. Or, if you save and go on to other things, you lose all your functions. ALWAYS make sure you highlight the script ID BEFORE typing into the Content field. Better yet, type your functions in an editor, where you have all the room you need and all your familiar editing facilities. Then, click the plus sign, highlight the new script ID, and then copy your functions from your editor and paste them into the little Content field. If you ever notice that you've typed functions into the content field without highlighting the script ID, copy all your work out of the content field, paste it into an editor, highlight the script ID, and then copy from the editor and paste back into the content field. HTH, SteveT Steve Litt May 2017 featured book: Twenty Eight Tales of Troubleshooting http://www.troubleshooters.com/28

1 0

Javascript inside Inkscape
by Steve Litt 06 May '17

06 May '17

Hi all, I've pretty much got it down for clickmapping with SVG elements using onmouseover, onmouseout and onclick to run Javascript from my HTML file. Now I'm trying to do the whole thing inside my SVG file, for simple stuff. For instance, I have a text/tspan element and a rectangle. When I hover the rectangle I'd like the text to change (perhaps from "init" to "hovered"). A few questions: In what program must I look at my SVG file in order to see the effects of its internal javascript? Inkscape? Chromium? Something else? When doing javascript exclusively from within my SVG file, what syntax should I use in order to change the text in a tspan? The following failed to work, doing nothing: msg = document.getElementById(tspanmsg); msg.node.textContent('shunk'); If I removed the "node." from the second line above, that didn't work either. Thanks, SteveT Steve Litt May 2017 featured book: Twenty Eight Tales of Troubleshooting http://www.troubleshooters.com/28

3 3

Be careful making a group clickable
by Steve Litt 05 May '17

05 May '17

Hi all, My clickmap has several screw heads, each being a group consisting of a circle, a path in the shape of a cross for a phillips screwdriver to go into, and an elipse that acts as a highlight. Each screw head group has an onclick event, and it fires just fine. But... In the Javascript function that receives the onclick event, evt.target is not the group, it's the individual geometry within the group that got clicked. So depending on the exact position of the mouse when clicking, it could be the circular head, the path of the cross, or the elipse highlight. Why an onclick for the group returns a target that's one of the group's items is beyond me. Here's how I dealt with it in the HTML page: function screwclick(e){ var parnt = e.target.parentElement; var circle = parnt.getElementsByTagName("circle")[0]; circle.style.fill = "gold"; } I found the parent of evt.target, then found the circle that was part of that parent, and then colored the circle. Before I figured out how to do that, sometimes the cross was turning gold, and sometimes the highlight was turning gold. Now only the circle turns gold. This could really fool a person who isn't looking for it. SteveT Steve Litt April 2017 featured book: Troubleshooting Techniques of the Successful Technologist http://www.troubleshooters.com/techniques

1 1

Inkscape scripting
by Steve Litt 02 May '17

02 May '17

Hi all, File->Document_properties->Scripting_tab I've looked all over the web and all through my help->user manual and can't find anything about this. For one thing, I need to know how to give an embedded script a human-friendly name. I also need to know what to put in the content: Is it Javascript, and how does it differ from html based Javascript. Anyone know of any documentation on this? Theoretically, I could creat a very simple clickable map exclusively in <svg>, without the containing <html>. Thanks, SteveT Steve Litt April 2017 featured book: Troubleshooting Techniques of the Successful Technologist http://www.troubleshooters.com/techniques

3 5

How to assign a class to an object in Inkscape?
by Steve Litt 01 May '17

01 May '17

Hi all, When I do HTML, which is DOM based, I'm able to assign a class property to any element I want. In Inkscape, I've not been able to assign a class property. Does anyone know how that could be done --- it would really simplify some stuff I'm doing. If Inkscape has no provision for a class property on elements, will it at least leave as-is any class properties I put in with a text editor? Thanks, SteveT Steve Litt April 2017 featured book: Troubleshooting Techniques of the Successful Technologist http://www.troubleshooters.com/techniques

3 5

Awk SVG insertion scripts
by Steve Litt 30 Apr '17

30 Apr '17

Hi everyone, My experimentation tells me that life's much easier if I put the <svg/> element and all it contains in my HTML file, rather than trying to import it with <img/> or <object/>. So I made the following scripts to put the <svg> part of a (presumably Inkscape created) SVG file into an HTML file wherever the following is located: <div class="token">myfile.svg</div> Be sure to use doublequotes around "token": These are simple scripts. Script 1: insertsvg.awk myfile.html Script 2: justsvg.awk mysvg.svg Let's say these two Awk files were executable and on the path. In your myfile.html, place the following line (alone on its line) where you want the <svg/> element to be inserted: <div class="token">mysvg.svg</div> Now, assuming myfile.html and mysvg.svg are both in the current directory, just do the following: ./insertsvg.svg myfile.html > myfile_complete.html Now myfile_complete.html no longer has the div.token, but in its place has the entire <svg/> element from mysvg.svg. This means when you include your Inkscape built SVGs in HTML files, theres an easy automated way to do it without having to resort to cut and paste. And now for the scripts: /* ======= insertsvg.awk ==============*/ #!/usr/bin/gawk -We {printthisline = 1} /<div\s\s*class="token"\s*>\s*[^<]*\s*<\/div>/{ printthisline = 0 svgfile = \ gensub(/\s*<div\s\s*class="token"\s*>\s*([^<]*)\s*<\/div>\s*/, \ "\\1", "1") system("./justsvg.awk " svgfile) } printthisline == 1 {print} /* ======= justsvg.awk ==============*/ #!/usr/bin/gawk -We BEGIN {insvg = 0} /\s*<svg/ { insvg = 1 } insvg == 1 { print } /\s*<\/svg\s*>/ { insvg = 0; exit 0 } HTH, SteveT Steve Litt April 2017 featured book: Troubleshooting Techniques of the Successful Technologist http://www.troubleshooters.com/techniques

3 6