: I've programmatically created an SVG. How do I 'crop' it? I used Processing to generate this SVG. As you can see, it's a series of triangles with trapezoids that gradually get smaller. It

@Murray976

Traditionally, "crop" means to block something with something else. So is a bitmap term... pixels or edges or something else cover up something else, hence it's cropped.

The term you want is "trim" or "cut", and the tools you'll need are going to perform a slice like action to your vector (SVG) imagery.


Find a vector editor you like. These are CorelDraw, Illustrator, etc...
Learn how to draw a box and place it over the parts you want to "cut" away.
Check out the boolean tools, they permit you to do "slicing" or "cutting" that removes what you don't want by using the box as a "cutter".


I'm using all the wrong words, so that the process can become clear, each program has its own specific terms for these actions and processes... but the principles are the same: One thing slices and then removes something else based upon the space it's taking up. Hence the programming sounding "boolean" word is often used for this stuff.

Alternative solution:

Use a vector editor to break apart your SVG, and then you can individually select each of the triangles you want to delete, and delete them. But it looks like you'll still need to do some slicing to get the straight edge results at the bottom of your image.

Vote Up Vote Down