- Inkscape Users - Inkscape Mailman

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

Path->Inset too big
by Steve Litt 30 Apr '17

30 Apr '17

Hi all, Path->Inset slightly pulls back the edges of a path. It shaves a tiny bit off the edges of the path. Path->Outset does the opposite: It moves the edges a little bit outward. Neither is a proportional grow or shrink. Anyway, I'm trying to apply Path->Inset to a bunch of objects very close to each other, just to give a little more visible separation. The trouble is, I can't find an adjustment for how much you want to inset, and even one application of Path->Inset trims off far too much from the edge. Does anyone know how to set the amount that gets taken away from the edge when you Path->Inset? Thanks, SteveT Steve Litt April 2017 featured book: Troubleshooting Techniques of the Successful Technologist http://www.troubleshooters.com/techniques

3 2

A few comments on making clickable SVG in Inkscape
by Steve Litt 29 Apr '17

29 Apr '17

Hi all, I just finished making a clickable SVG in Inkscape, embedding the <svg/> in an HTML file, and verifying that it works. Much of it is obvious, so let me start with the unobvious stuff first: If, for convenience, you use Ctrl+D to dup shapes, I think they're all clones of the first one. You need to de-clone them. But you're not done yet... Shapes in Inkscape have a tenacious habit of reverting their ID and label to Inkscape-assigned values rather than the values you assign in object->property. Make your last two steps decloning and manually setting the ID and label, and BE SURE TO CLICK THE SET BUTTON OR THEY'LL REVERT. Your events go in the area uncovered when you object->properties and then click "Interactivity". Each possible event is listed, and all you do is put in the javascript you want executed on that event. Don't wrap the Javascript in doublequotes. SIZING THE DRAWING ------------------ Be SURE that your leftmost object's leftmost portion is at X value 0. Make sure your bottommost object's bottommost portion is at Y value 0. Note that in Inkscape, at least until they change it a few versions from now, Y=0 is at the bottom of the page, not at the top. When you're done drawing, once again line up the left with X=0 and the bottom with Y=0, select everything, do the following: * File->Document_properties * Resize page to drawing or selection * Note that the height and width changed when you did the preceding. * Add double the desired image padding to both height and width. (I added 2mm to each) * Select everything on the drawing, and move slightly so it's centered within the page. * Save the document, you're done with sizing. Be aware that if the lower left of your document isn't anchored to x=0, y=0, clicking will be off or not happen. HTH, SteveT Steve Litt April 2017 featured book: Troubleshooting Techniques of the Successful Technologist http://www.troubleshooters.com/techniques

1 0

Inkscape Borked :(
by Abrolag 27 Apr '17

27 Apr '17

I've just got around to updating my main machine from debian jessie to stretch (I only ever do this when a release freeze is well established) and it's fine for everything except Inkscape. Existing files are all over the place - especially where text is concerned, and trying to change a font in any way causes Inkscape to freeze. I tried to compile an older version but configure doesn't seem to recongnise libraries that are installed (yes I included .dev) or calls for ones that I can't find anywhere. debian has no fall-back system so it would seem the only solution would be to scrap the entire install and go back to jessie. This is something I *really* don't want to do. -- W J G

2 1

The SVG blues
by Donn Ingle 26 Apr '17

26 Apr '17

Seems SVG is more and more invisible to the big companies. Here's sad tale of Amelia Bellamy-Royds's experiences with SVG and its seeming demise. (http://codepen.io/AmeliaBR/post/me-and-svg) I wonder how the Inkscape devs (et al.) feel about this. Could Inkscape not take a new route, perhaps bake-in some new features*, now that the SVG standards seem to be moot? * Multiple pages in one file — and export to multi-page PDFs. A real symbol system — within and *between *documents. Custom colours that don't rely on that fake gradient trick (And make them work between documents too!) Animation time lines. Output to gif, video and so forth. Perhaps to HTML5 Canvas with some js framework too. Scripting, Blender-style, right there in the app. In Python and JS perhaps. Opening of Gimp native files (xcf) into layers, perhaps. Use of 3D objects and materials, from Blender (say) directly in the canvas — some kind of OLE layer thing. I am sure there are many more. I think Inkscape could have, by now, matched what Flash, Freehand and Corel et al. had 20 years ago! It did not go there because it, honourably, stuck to the SVG standards. Inkscape is the best thing we have for graphic design on Linux (at least), but it's still way too primitive. Could we dare to think bigger? Start our own standard? Just wondering. Is this a disaster or an opportunity? /d

12 65

SVG-AU meets May 11th in Sydney.
by MarkT 26 Apr '17

26 Apr '17

Nakama Sydney are hosting our next meeting in Sydney CBD! A short walk from Martin Place. Please enter the lifts before 6pm! Light refreshments available. Topic of the evening is the recent release of Sarah Drasner's book: 'SVG Animations From Common UX Implementations to Complex Responsive Animation' More details in the links: https://www.nakamaglobal.com/sydney https://www.meetup.com/SVG-AU https://area51.govirtual.com.au/SVG-AU#NextMeeting Hope to see you there! MarkT -----------------------------------------------------------------

1 0

When to use onclick(evt) and when to use onclick(event)?
by Steve Litt 25 Apr '17

25 Apr '17

Hi all, Within a <svg> element in my HTML body, I can use onclick(evt), as exemplified below: ============================================================ <svg width="500px" viewBox="0 15 80 30"> <circle id=circ1 r="6" cx="10" cy="30" onclick="top.doit(evt)" /> </svg> ============================================================ I can change the "evt" to "event" and it still works, but if I change it to anything else, for example "e", it fails. Is evt some kind of reserved word within SVG? By the way, if an item in HTML itself (like a paragraph) has an onclick, you need to remove the "top." and only "event" will work. I have the rudiments of a clickable map using SVG, CSS and Javascript, and am starting to build it into something useful. Thanks, SteveT Steve Litt April 2017 featured book: Troubleshooting Techniques of the Successful Technologist http://www.troubleshooters.com/techniques

3 6