I am studying some basic image manipulations with SVG and trying to find optimal approach for the following challenge:
We have one SVG file which has various SVG elements (circles, rectangle, triangle). They all are overlapping each other creating new "areas" of different forms (see pic).
So filling actual Elements - no problem there. But what if I want to fill with color only specific intersect area?
My current thinking was:
- Consider drawing all elements as Paths, then see if I can treat overall composition as One large path and then play with fill-rule.
- Consider calculating the area shape and drawing a new shape on top of it, then fill it.
- Consider something else?