SVG Union of Shapes using javascript or d3 or inkscape script like Inkscape GUI does

丶灬走出姿态 提交于 2019-12-07 06:30:33

问题


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?


回答1:


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.net/5.0.2.2/main_demo.html




回答2:


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

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


来源:https://stackoverflow.com/questions/13252056/svg-union-of-shapes-using-javascript-or-d3-or-inkscape-script-like-inkscape-gui

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!