I am doing a simple website where I put some graphics. Now I do each diagram using Inkscape. I use Inkscape to make UNION operations between the shapes. Then I save the new diagram, do another union, save, and so on. I need repeat this about 150 times :(

I would like to know if I could do it using javascript or D3 library. Or at least a way that makes Inkscape do it automatically.

In the perfect case, there would be a function:

union(shapeA,shapeB): replace ShapeA and ShapeB by ShapeAunionB

Could you give me any tips about this problem? Any help?

I am doing a simple website where I put some graphics. Now I do each diagram using Inkscape. I use Inkscape to make UNION operations between the shapes. Then I save the new diagram, do another union, save, and so on. I need repeat this about 150 times :(

I would like to know if I could do it using javascript or D3 library. Or at least a way that makes Inkscape do it automatically.

In the perfect case, there would be a function:

union(shapeA,shapeB): replace ShapeA and ShapeB by ShapeAunionB

Could you give me any tips about this problem? Any help?

• javascript
• svg
• union
• diagram

Share Improve this question Follow edited Nov 6, 2012 at 13:30 halex 16.4k66 gold badges6060 silver badges6767 bronze badges asked Nov 6, 2012 at 13:27 HenryHenry 42144 silver badges1414 bronze badges 3

• 2 It's possible to script inkscape to do that. See tavmjong.free.fr/INKSCAPE/MANUAL/html/CommandLine.html for how to get started. – Erik Dahlström Commented Nov 6, 2012 at 14:59
• 5 Thank you Erik! :) I have done a script in Python and it calls Inkscape mand line, like your suggested website explains. mand = "inkscape -f file.svg --verb=EditDeselect --select=shapeA --select=shapeB --verb=SelectionUnion --verb=FileSave --verb=FileClose" os.system(mand) – Henry Commented Nov 8, 2012 at 13:50
• 2 It would be nice if you posted your solution as an answer I think. – Erik Dahlström Commented Nov 8, 2012 at 13:52

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

There is an opensource library: Javascript Clipper

The Javascript Clipper library performs clipping and offsetting for both lines and polygons. All four boolean clipping operations are supported - intersection, union, difference and exclusive-or. Polygons can be of any shape including self-intersecting polygons.

features demo: http://jsclipper.sourceforge/5.0.2.2/main_demo.html

I have done a script in Python and it calls Inkscape mand line, like suggested website by Erik Dahlström explains.

mand = "inkscape -f file.svg --verb=EditDeselect --select=shapeA --select=shapeB --verb=SelectionUnion --verb=FileSave --verb=FileClose" os.system(mand)